Genesis Featured Post Widget – Post Title Font Size Adjust

[Nandita]

I'm using the "Genesis Featured Post"  widget on my sidebar.

When I check the (tick) the Post Title option - It shows the original ' H1 ' font sizes of 30px and line height 36px, which looks quite awkward.

How can I adjust the Post Titles to 14px and bold in this widget?

[Diane Kinney]

Hi Nandita, you will need to create a new style for this in your style.css file.  Without a link to your site, it isn't possible to help you with the exact css to do that.

---

Need more help? Find me on Twitter @gidgetthegeek

[Peter]

Adding this to your CSS file should do the trick;

.widget.featuredpost h2 {font-size:14px;font-weight:bold;}

[Peter]

Oops, sorry Diane! You replied as I was writing my reply. You're quite right in what you say but I had a quick look at the widget code and it uses H2 tags for the individual post titles so there's a good chance the code will work..

[Diane Kinney]

No worries, Peter!  I noted Nandita said it was showing H1 styling - which I found puzzling in what should be an H2 🙂

---

Need more help? Find me on Twitter @gidgetthegeek

[Nandita]

My blog URL is http://moneyctl.com  (Sorry, I had not provided earlier in my question).

@Peter - I have added the code and opted for Post Title in the Featured Post widget. But it is not working at all. The same 30px font size (H2).

Can you check my site and help me to make  Post Title size 14px and bold in this widget?

P.S. - Due to inconvinience of my reader, I changed the option to Post Content Limit - 70.

[Diane Kinney]

Nandita, is this your Random Posts sidebar on your homepage?  I see no post title at any size - just a thumbnail image and the paragraph of link text.  Is that what you want 14pt bold?

---

Need more help? Find me on Twitter @gidgetthegeek

[Nandita]

Hi Kinney,

Ya, I want to show the post title on my Random Post Sidebar Widget. I opted for this (enabled in the widget) and the titles became H2 font size, which is 30px.

It was looking very awkward to my readers. As I receive >1,000 visitors daily on my blog; to avoid this awkwardness I simply choose to show the post paragraph with a link (which you have mentioned).

I also added the piece of CSS code mentioned by Peter

.widget.featuredpost h2 {font-size:14px;font-weight:bold;}

But it didn't worked. Can you help me regarding this?

Thanks.
Blog URL http://moneyctl.com

[Author]

Posts