Change Font Size – Genesis – Featured Posts Widget Output

[fourogroup]

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

[Susan]

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.

[fourogroup]

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?

[jennylynn]

I would also like to know this please

[thewebprincess]

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.

 

[thewebprincess]

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.

 

[Kent]

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

[HappyChapSteve]

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!

Genesis Featured Posts Widget for Recent Posts with Images

[Author]

Posts