Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Widgets: padding and fonts

Home Forums Support Widgets: padding and fonts

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

    #40779
    Tom
    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.

    #41028
    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?

    #41044
    Tom
    Lead Developer
    Lead Developer
    #41059
    gabriel bear

    Done. Perfect fix.
    Thanx ever so much.

    #43454
    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.

    #43455
    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

    #43458
    berry

    @mikei

    Perfecto 🙂

    Many thanks.

    #43573
    Tom
    Lead Developer
    Lead Developer

    Thanks for helping out, mikei! 🙂

    #148335
    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

    #148351
    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.

    #148396
    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

    #148399
    Tom
    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

    #148665
    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.

    #148666
    Diane

    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.