Site logo

[Support request] Reduce white space between top image in side bar widget and the text below

Home Forums Support [Support request] Reduce white space between top image in side bar widget and the text below

Home Forums Support Reduce white space between top image in side bar widget and the text below

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #2583148
    Soraya

    I would like to reduce the white space between the image in the sidebar and the text in the sidebar. Please could you advise me how to do that?
    Thank you in advance!

    The site is: https://loveveganliving.com/

    Soraya

    #2583163
    Leo
    Staff
    Customer Support

    Hi there,

    Can you try reducing or removing the widget padding option in the customizer and see if that works for you?
    https://docs.generatepress.com/article/widget-padding/

    Let me know 🙂

    #2583213
    Soraya

    Hi Leo,
    Thanks for your reply! The problem is that when I reduce the padding for the top of the widget, it shunts the image higher up the page as well as the text below but doesn’t target the gap between the two. So the relationship between them remains too far spaced apart.
    Any other ideas?
    Soraya

    #2583252
    Leo
    Staff
    Customer Support

    The problem is that when I reduce the padding for the top of the widget, it shunts the image higher up the page as well as the text below but doesn’t target the gap between the two.

    I’m having a tough time picturing this. Can you set the Widget padding value to 0 in the customizer for me to see?

    #2583630
    Soraya

    Sure! There you go. So as you can see the image is higher up in the sidebar and smaller and the text is a little closer. But the gap below the image is still slightly too large IMO.
    Is it difficult to get rid of that gap?
    Thanks so much for your prompt replies – much appreciated!
    Soraya

    #2583646
    Fernando
    Customer Support

    Hi Soraya,

    We can use custom CSS. Try reverting the padding setting you had in the Customizer.

    Then, add this through Appearance > Customize > Additional CSS:

    aside#media_image-3 {
        padding-bottom: 0;
    }
    #2583676
    Soraya

    Hi Leo,
    Thank you! That’s much better now!!
    What great support you’ve given!!
    Have a great week,
    Soraya

    #2584850
    Fernando
    Customer Support

    You’re welcome, Soraya! Have a great week as well!

    #2585045
    Soraya

    Sorry – Thank you Fernando!!!

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