[Resolved] Widgets: padding and fonts

[gabriel bear]

each case of using widgets, especially text-based yields an out pout like:
<aside id=”category_rss_widgets” class=”widget inner-padding widget_cat_spec_rss”><h4 class=”widget-title”>Apodicticity</h4><div id=”cat”

How do I
1. change the size of the text inside the widget?
2. Get rid of the padding between widget title and the widget content?

The most idiot proof answer will be the most appreciated.

[Tom]

Hi Gabriel,

This CSS should do it:

.widget-title {
      margin-bottom: 30px;
}

.widget {
      font-size: 17px;
}

Adjust the pixels to your liking.

[gabriel bear]

That sounds elegant and totally workable.
Double checking: I can put this into the simple css and it will find its way to the right line of code?

[Tom]

That’s correct 🙂

[gabriel bear]

Done. Perfect fix.
Thanx ever so much.

[berry]

Is there a way to control the text size of a specific widget? In my case a footer widget which is a disclaimer, which I would like to be smaller text than normal. If I use the CSS above it applies the text size to each of the widgets, making all the widget text small.

[mikei]

.footer-widgets .widget {font-size:96%;} (or px) should work

Or each of them is name .footer-widget-1, .footer-widget-2, .footer-widget-3 if you are looking for a particular one

[berry]

@mikei

Perfecto 🙂

Many thanks.

[Tom]

Thanks for helping out, mikei! 🙂

[Diane]

Hi, I am wanting to reduce the size of the texts in my widgets, and followed the steps above, reducing numbers, but it made absolutely no difference to the appearance of my site at all.

Then I tried again using the guidance here, to create a child theme and used your CSS in there
https://generatepress.com/knowledgebase/adding-css/ but again, no change at all.

Am I missing something?

I am a newbie to CSS, please go easy on me lol

[bdbrown]

Hi Diane. So you downloaded and activated the GP child theme, then added the css above to the child theme style.css file using the admin editor, and no change? If you’re using a cache plugin, try clearing the cache and see if that fixes it. If not, can you post a link to your site so we can take a look? Thanks.

[Diane]

Hi bdbrown

Thank you for quick response.

I have tried to reply several times but itś not posting – maybe it doesn´t want me to post my url to my website.

Yes I have tried with both parent and child theme.

I don´t have a cache plugin that I´m aware of

[Tom]

Hi Diane,

Our Typography add-on allows you to change the widget text size using the Customizer.

If you’d rather use CSS, we’ll have to see your site to see why the above CSS isn’t working.

When you try and post your URL, what happens? It should just print like this: https://generatepress.com

[Diane]

Hi Tom,

Everytime I tried to post with my url the site did not accept it.
When I removed my website it was accepted.

I´ll try again

workfromhomesuccess.net

I´d like to learn how to use CSS in general as I want to adjust the padding too, so this is as good a start as any.

[Diane]

Ok, it wouldn´t let me post full url, so I had to remove first part, then it accepted my post

[Author]

Posts