WordPress.org

Ready to get started?Download WordPress

Forums

[closed] Help - Using Gridiculous Theme (49 posts)

  1. Fashion
    Member
    Posted 1 year ago #

    I am using the Gridiculous Theme;

    On my page, unfortunately I have been trying to center the page tabs on my navigation menu but can't successfully do it. What do I need to write/where do I need to place the coding... because I see so many tutorials online about what to type in my code, however, none of it is for Gridiculous - so I'm lost at what I need to do. Any help?

  2. c.bavota
    Member
    Posted 1 year ago #

    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;
       }
  3. Fashion
    Member
    Posted 1 year ago #

    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?

  4. c.bavota
    Member
    Posted 1 year ago #

    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.

  5. AustinWilde
    Member
    Posted 1 year ago #

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

  6. c.bavota
    Member
    Posted 1 year ago #

    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;
    	}
  7. sandyrunbaptist
    Member
    Posted 1 year ago #

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

  8. c.bavota
    Member
    Posted 1 year ago #

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

  9. rob2121
    Member
    Posted 1 year ago #

    Dear c.bavota

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

  10. c.bavota
    Member
    Posted 1 year ago #

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

  11. tanyaballance
    Member
    Posted 1 year ago #

    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

  12. emaraujo
    Member
    Posted 1 year ago #

    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.

  13. c.bavota
    Member
    Posted 1 year ago #

    @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;
    	}
  14. c.bavota
    Member
    Posted 1 year ago #

    @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(); ?>
  15. emaraujo
    Member
    Posted 1 year ago #

    Thank you so much! You rule!

  16. emaraujo
    Member
    Posted 1 year ago #

    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.

  17. rjackson27
    Member
    Posted 1 year ago #

    I added a series of images to the pages on my site, however, they are appearing vertically on the page. How can I make them appear horizontally, 3 to a row?

  18. c.bavota
    Member
    Posted 1 year ago #

    @emaraujo You can edit the style.css file to remove the border/padding on each image. It's near line 658:

    img {
    	padding: 10px;
    	background: #fff;
    	border: 1px solid #bbb;
    	}
  19. c.bavota
    Member
    Posted 1 year ago #

    @rjackson27

    Make sure you select "Left Align" when you add your images into your post content.

  20. bman31
    Member
    Posted 1 year ago #

    How can I change the font color?
    I tried in the coding but but didn't do anything

  21. mmalloy
    Member
    Posted 1 year ago #

    Never mind, I figured it out!

    If you want to change the font color on the calendar widget just add:

    .widget #wp-calendar {
    color: black
    }

  22. unplugget
    Member
    Posted 1 year ago #

    Hey guys!
    I'm using this theme and would like to replace front page header image with a slider!
    how can i do so?
    ///
    this is how my slider can be activated:
    Place <?php if (function_exists('simple_nivo_slider')) simple_nivo_slider(); ?> in your templates

    Thanks in advance!

  23. emusch
    Member
    Posted 1 year ago #

    can I change the image?

  24. c.bavota
    Member
    Posted 1 year ago #

    @unplugget Open up header.php and paste that code around line 32.

  25. c.bavota
    Member
    Posted 1 year ago #

    @emusch If you're referring to the header image, it can be changed in the admin. Go to the Gridiculous theme options page or to the Header admin page.

  26. unplugget
    Member
    Posted 1 year ago #

    Thanks for your response!

    As I said I want to replace it with current banner image, and not just add it there!
    when I remove below lines, the homepage dosent load!

    ?>
    					<img id="header-img" src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
    
    					<?php
  27. c.bavota
    Member
    Posted 1 year ago #

    If you want to remove the header image code, for whatever reason, make sure to remove the whole block.

    $header_image = get_header_image();
    if ( ! empty( $header_image ) ) :
    	?>
    	<img id="header-img" src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" />
    	<?php
    endif;
  28. unplugget
    Member
    Posted 1 year ago #

    Thanks Bro!
    Great Theme and GREAT support!

  29. c.bavota
    Member
    Posted 1 year ago #

    No problem. ;)

  30. swatson0820
    Member
    Posted 1 year ago #

    This may be a simple question to answer (new to WP). How can I remove the words "New Post" as well as my username, date of creation, and how many comments my post has had under the title of my post?

Topic Closed

This topic has been closed to new replies.

About this Topic