Adjusting Post Title Size In SideBar Widgets

[Breezii K.]

Hello,

I'm attempting to use a 'recent posts' plugin widget for my sidebar, and I have tried 4-5 of them now, but each one I use makes the post title as large as the actual post title on the site. Is there any way to fix the post title size for widgets in the sidebar only?

Thanks! 🙂

http://SpiritEarthAwakening.com

[darrenbrettking]

I looked at your sidebar links, and by "inspecting element" in Chrome, I can see that this span class is being applied: "rpwwt-post-title". This is likely controlled by the plugin itself. To change the size of the title text you can either look to change this style class "rpwwt-post-title" in the plugin's css file. Or, you can try and style for this by including this class in your theme's style sheet, and adding your own font size to override the original.

By the way, there's always a way to style for specific instances - it's just about being really specific in the classes you're targeting. That's why right-clicking and using "inspect element" over a certain element is really helpful - as it will show you which styles are being applied. From there it's usually fairly straight forward to determine which ones you need to adjust to make a desired change in styling.

[Breezii K.]

Hey!

Thanks for the quick reply. 🙂

I currently have a backup 'recent posts' plugin being used in the sidebar but the one I truly want to use makes the post title large (as mentioned) and so I have it disabled at the moment.

I'm not too savvy with code and have never edited plugin files before so I think my best option would be to insert code for this into my theme's style sheet in the style.css file.

I don't know exactly what code I should use for this though, is it the one you posted above? "rpwwt-post-title"

Or is there more to it? How can I adjust the font size on my own? Am I supposed to put custom code into my stylesheet, or am I supposed to look for "rpwwt-post-title" and find where it says to edit the text size? Just trying to clarify. :}

Thanks SO much for your help!

[darrenbrettking]

Without seeing the plugin and how it's configured, it's difficult for me to know. But you could try adding that "rpwwt-post-title" class to your stylesheet, and add a font size there, and see if that makes a difference on the front end. Even better would be if the settings page of the plugin (if there is one), lets you change the title siz, but that may not be the case - it depends on the plugin and how much customizability it offers in its settings.

[Breezii K.]

Hello,

The plugin I am hoping to use (if I can fix the title size) is this one,

WP Tab Widget

I don't see a setting in plugin settings to change the title size manually so I will try to add "rpwwt-post-title" to the stylesheet but then how do I add a font size? Would it be something like this?

"rpwwt-post-title" font size= 12pt

I really don't know how to do this haha, so any assistance would be greatly helpful, thank you so much!

[Breezii K.]

Hey!

So it turns out I kept experimenting with different plugins to see if there was an easier way to do this and I have found one that doesn't enlarge the title text so I'm gonna go ahead and stick with this one I found, instead of trying to tinker with my site files. xD

Thank you so much for helping me all the same though, wanted to let you know!! ♥

[Author]

Posts