Widgets: padding and fonts

Hi Gabriel,

This CSS should do it:

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

.widget {
      font-size: 17px;
}

Adjust the pixels to your liking.

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?

That's correct :)

Done. Perfect fix.
Thanx ever so much.

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.

.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

@mikei

Perfecto :)

Many thanks.

Thanks for helping out, mikei! :)

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

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.

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

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

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.

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