• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

decrease font size of titles in Metro theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › decrease font size of titles in Metro theme

This topic is: not resolved
  • This topic has 11 replies, 3 voices, and was last updated 10 years, 3 months ago by rfmeier.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 15, 2013 at 1:56 pm #46141
    triggers
    Member

    How do I change the font size in Metro theme for the Post Titles. Ii want to decrease the font  size a bit.

    Thanks.

    June 15, 2013 at 4:40 pm #46185
    pxforti
    Participant

    in the style.css file, about line 253, find this code:

    h1, .entry-title, .entry-title a, #title {
    font-size: 48px;
    font-size: 3rem;
    }

    You can change the font size there. If you need px to rem calculator, you can find it here: http://foliovision.com/2013/03/responsive-design-calculator


    writeNowDesign
    WordPress and Ecommerce Website Design

    June 15, 2013 at 4:44 pm #46186
    rfmeier
    Member

    Hello,

    This change will need to be made within your theme's style.css file. The post title font size is specified below;

    /* line ~253 */
    h1, .entry-title, .entry-title a, #title {
            font-size: 48px;
            font-size: 3rem;
    }

    You don't want to edit that since it will change the font size of H1 elements and your site title, but after that css styling, add this below;

    .entry-title, .entry-title a{
            font-size: 48px; /* change the font size */
    }

    By adding this, you can then adjust the font size to your liking.

    I hope this helps.


    Ryan Meier – Twitter

    June 15, 2013 at 8:03 pm #46204
    triggers
    Member

    Worked beautifully Ryan. Thanks a bunch! Much better.

    If you wouldn't mind I have another question.

    The Leave A Comment box is right under the titles of the posts.

    It doesn't make sense cause they haven't read he post yet. How can I move it to after the post instead?

     

    June 15, 2013 at 8:16 pm #46205
    rfmeier
    Member

    You are welcome.

    As for appending the comment meta link to the post footer meta, the code below will do that.

    add_filter( 'genesis_post_meta', 'custom_genesis_post_meta' );
    /**
     * Callback for WordPress 'genesis_post_meta' filter.
     * 
     * Append 'Leave a comment' link to the post footer meta.
     * 
     * @param string $post_meta The footer post meta content
     * @return string $post_meta The footer post meta content
     */
    function custom_genesis_post_meta( $post_meta ){
            
            $post_meta .= '[post_comments]';
            
            return $post_meta;
            
    }

    I hope this helps.


    Ryan Meier – Twitter

    June 15, 2013 at 8:44 pm #46208
    triggers
    Member

    Ryan,

    Do I put this code in the home.php file ?

     

    June 16, 2013 at 6:27 am #46241
    rfmeier
    Member

    You would put it in your functions.php file to apply this functionality globally. If you put it in the home.php file, this will only work on your home page.


    Ryan Meier – Twitter

    June 16, 2013 at 8:56 am #46256
    triggers
    Member

    Hi Ryan,

    I copied the entire code into the functions.php file right after :

    // Modify comments header text in comments
    add_filter( 'genesis_title_comments', 'metro_title_comments' );
    function metro_title_comments() {
    $title = '<h3><span class="comments-title">' . __( 'Comments', 'metro' ) . '</span></h3>';
    return $title;
    }

    There were red underlines in several places after I pasted it in. Then I saved. It said it saved successfully but nothing changed.

    June 16, 2013 at 9:01 am #46257
    rfmeier
    Member

    Do you happen to have a link to the live website?


    Ryan Meier – Twitter

    June 16, 2013 at 11:54 am #46262
    triggers
    Member

    Here it is

    http://blog.contenttriggers.com/

    Leave a comment in the berry colored box is on all posts.

    thanks

    June 18, 2013 at 2:46 pm #46620
    triggers
    Member

    Hi Ryan,

    Any luck on repositioning  the Comments Box?

     

    June 18, 2013 at 4:39 pm #46639
    rfmeier
    Member
    This reply has been marked as private.
  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble