[Resolved] Widgets: padding and fonts

Home Forums Support [Resolved] Widgets: padding and fonts

Home Forums Support Widgets: padding and fonts

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
  • #40737
    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.

    Lead Developer
    Lead Developer

    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?

    Lead Developer
    Lead Developer

    That’s correct 🙂

    gabriel bear

    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



    Perfecto 🙂

    Many thanks.

    Lead Developer
    Lead Developer

    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

    Lead Developer
    Lead Developer

    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


    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

Viewing 15 posts - 1 through 15 (of 19 total)
  • You must be logged in to reply to this topic.