Change Font Size – Genesis – Featured Posts Widget Output

[fourogroupParticipant]

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

[SusanModerator Post count: 3184]

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

[fourogroupParticipant]

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?

[jennylynnParticipant Post count: 1]

I would also like to know this please

[thewebprincessModerator 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.

 

[thewebprincessModerator 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.

 

[KentParticipant Post count: 42]

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!

[Author]

Posts