Help – Using Gridiculous Theme

All you need to do is modify the CSS in style.css. Look for this selector:

#site-navigation ul

Then you can add a new line of CSS setting the text-align to center, like so:

#site-navigation ul {
   padding: 0;
   margin: 0;
   text-align: center;
   }

PERFECT! Thank you! I have two more questions if you could please help me out:

1.) How am I able to align the site’s title to the center; when viewed on Mobile? (I don’t want it centered when viewed on laptops and desktops)

2.) How am I able to completely remove “by: Administrator – August 12, 2012 – 0 Comments” ; I don’t have people comment on any of my posts, so how am I just able to completely remove all that stuff in the top left corner of posts?

1. You would have to add some CSS to the media queries near the bottom of style.css. Make sure to add it to the max-width: 600px query.

#header hgroup { width: 100% }
#site-title { text-align: center }

2. You can remove the following code from content.php:

<?php if ( ! is_page() ) { ?>
<h2 class="post-meta">
	<?php
	_e('by', 'gridiculous'); echo ' '; the_author_posts_link();
	echo '&nbsp;&bull;&nbsp;';
	echo '<a class="date-anchor" href="' . get_permalink() . '">';
	the_time( get_option( 'date_format' ) );
	echo '</a>';

	if ( comments_open() ) {
		echo '&nbsp;&bull;&nbsp;';
		comments_popup_link( __( '0 Comments', 'gridiculous' ), __( '1 Comment', 'gridiculous' ), __( '% Comments', 'gridiculous' ) );
	}
	?>
</h2>
<?php } ?>

Since you are making some core changes I would suggest creating a child theme. That way when you update the theme your changes will not be overwritten. Here is a link to a tutorial on creating a child theme that I wrote.

Is there any way to remove the shadow from the font on the Gridiculous theme?

You can delete the text-shadow line from this CSS in style.css:

body {
	color: #555;
	text-shadow: 1px 1px 0 #eee;
	font-family: Arial, sans-serif;
	letter-spacing: 0.05em;
	}

How do we change the size of the header image? The image is WAY too large on our site.

Currently, you can’t. But this is something that is going to be changed in the next update.

Dear c.bavota

How can I change the title to my own logo?
Thank you!

You can remove the title and description on the Customize screen. Then you can use the header image for your logo.

My png header with a transparent background is showing up as a white block instead of showing the background colors. How do I change this? its on the gridiculous theme

tanyaadamsillustrations.com

Hi,

I need help with the following: how can I change the font size for the text and also, is it possible to remove the “page titles”? For example: if I click “Home”, can the actual page not have the title “Home” on it?

Thank you.

@tanyaballance Open up style.css and make sure that this block of CSS on line 277 looks like this:

#header-img {
	padding: 0;
	border: 0;
	clear: both;
	background: none;
	}

@emaraujo All of the styles can be changed by editing the CSS in style.css. Look for line 609 and add a font-size:

.post-content {
	position: relative;
	width: 100%;
	font-family: Arial, sans-serif;
	}

To remove the Page title open up content.php and change line 23 from this:

<?php the_title(); ?>

To this:

<?php if ( ! is_page() ) the_title(); ?>

Thank you so much! You rule!

Another question (sorry, I am illiterate at this). How can we remove the white borders from pictures or at least make them smaller, please? Both in the galleries and on pages. I have been trying but nothing is working.