Change Font Size – Genesis – Featured Posts Widget Output

Community Forums Forums Design Tips and Tricks Change Font Size – Genesis – Featured Posts Widget Output

This topic is: not resolved

This topic contains 7 replies, has 6 voices, and was last updated by  HappyChapSteve 6 months, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #5208

    fourogroup
    Participant

    We’d like to change the font size of the output that is generated from the Genesis – Featured Posts widget (i.e. decrease the font size of both the post title and the content that is rendered). Through Google searches, we’ve seen that you must edit the theme’s stylesheet to make this happen, however, after using Chrome’s Inspect Element feature, it’s unclear specifically where and how to edit the font size in the stylesheet. Can you advise as to what specific theme stylesheet attribute(s) need to be altered to change the font size of the rendered output of the Genesis – Featured Posts widget? Thank you.

    Website: http://entryonlynewengland [dot] com

    #5220

    Susan
    Moderator
    Post count: 8691

    To change the font size of the text in the featured post (which will also change the text size of the actual post itself in the body of the site, look for this in your stylesheet:

    textarea {

    color: #333;
    font-family: ‘PT Sans’, sans-serif;
    font-size: 15px;
    line-height: 1.5625;
    margin: 0;
    padding: 0;
    text-decoration: none;
    }

     

    change the font size to the desired size.

    To change the title of the featured post, look for this in your stylesheet:
    h2,
    h2 a,
    h2 a:visited {
    font-size: 30px;
    }

    change that font size to your desired font.


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #5233

    fourogroup
    Participant

    Thank you!

    Alternatively, in lieu of having to also change the actual post itself in the body of the site, is there a way to create a separate set of classes only to be used by the Genesis – Featured Posts Widget?  If so, how would you change the Genesis – Featured Posts Widget to point to these new classes?

    #9409

    jennylynn
    Participant
    Post count: 31

    I would also like to know this please

    #9896

    thewebprincess
    Participant
    Post count: 10

    I found this post looking for a solution but found the solution in the Plugin Repository!  To achieve the above, simply install this plugin

    http://wordpress.org/extend/plugins/widget-css-classes/

    I’m using it to style featured page widgets on a home page and it works a treat.

     

    #9897

    thewebprincess
    Participant
    Post count: 10

    I found this post looking for a solution but found the solution in the Plugin Repository!  To achieve the above, simply install this plugin

    http://wordpress.org/extend/plugins/widget-css-classes/

    I’m using it to style featured page widgets on a home page and it works a treat.

     

    #21175

    Kent
    Participant
    Post count: 58

    Oy. Is this plugin the only way to do this? I’m not that CSS savvy (yet, working on it) but I was hoping I could just replace the Genesis Widget Styles with the ones for the default ‘Recent Posts’ widget that comes stock with WordPress.

    -Kent


    Dad. Biker. Designer. | kentfackenthall.com | Circle me on Google+, and say hi so I can add you to my WordPress circle!

    #89058

    HappyChapSteve
    Member
    Post count: 1

    I agree with Kent. We shouldn’t have to use other plugins (which may become out of date and eventually useless and more chance of something breaking). Since I’m using Dynamik along with Genesis, you can simply put the CSS styling into the Dynamik/Custom/CSS section. I found this link very useful, BUT STILL NEED TO KNOW WHICH ELEMENTS YOU CAN CHANGE LIKE FONT SIZE AND LINK COLOUR FOR THR FEATURED POSTS WIDGET. I’m surprised this is not listed somewhere on the StudioPress site. If it is, please post a link to it….Thanks!

    http://amethystwebsitedesign.com/genesis-featured-posts-widget-for-recent-posts-with-images/#comment-17571

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.