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 1 year, 5 months 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: 68

    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: 603

    Hello,

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

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

    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;

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

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

    I hope this helps.


    #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: 603

    You are welcome.

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

    [php]
    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;

    }[/php]

    I hope this helps.


    #46208

    triggers
    Participant
    Post count: 35

    Ryan,

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

     

    #46241

    rfmeier
    Participant
    Post count: 603

    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.


    #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: 603

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


    #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: 603
    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.