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

[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

[Leo]

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 🙂

[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

[Leo]

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?

[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

[Fernando]

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;
}

[Soraya]

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

[Fernando]

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

[Soraya]

Sorry – Thank you Fernando!!!

[Author]

Posts