decrease font size of titles in Metro theme

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

This topic is: not resolved

This topic contains 11 replies, has 3 voices, and was last updated by  rfmeier 10 months, 1 week ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #46141

    triggers
    Participant
    Post count: 35

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

    Thanks.

    #46185

    pxforti
    Participant
    Post count: 67

    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

    #46186

    rfmeier
    Participant
    Post count: 518

    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 – Web Developer @ Solid Interactive
    Twitter

    #46204

    triggers
    Participant
    Post count: 35

    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?

     

    #46205

    rfmeier
    Participant
    Post count: 518

    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 – Web Developer @ Solid Interactive
    Twitter

    #46208

    triggers
    Participant
    Post count: 35

    Ryan,

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

     

    #46241

    rfmeier
    Participant
    Post count: 518

    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 – Web Developer @ Solid Interactive
    Twitter

    #46256

    triggers
    Participant
    Post count: 35

    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.

    #46257

    rfmeier
    Participant
    Post count: 518

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


    Ryan Meier – Web Developer @ Solid Interactive
    Twitter

    #46262

    triggers
    Participant
    Post count: 35

    Here it is

    http://blog.contenttriggers.com/

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

    thanks

    #46620

    triggers
    Participant
    Post count: 35

    Hi Ryan,

    Any luck on repositioning  the Comments Box?

     

    #46639

    rfmeier
    Participant
    Post count: 518
    This reply has been marked as private.
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.