[Resolved] Gap between widgets in sidebar

[Ralf]

Hi,
1) how can i change the gap between the posts in the sidebar and the gap between the featured picture and the link to this post ? Because the space between picture and link is bigger than to the next post picture…

2) Also the gap between the widgets is too big – i tried:

.sidebar .widget {
margin-bottom: 10px;
}

but that doesn’t work…

thanks

[Ying]

Hi Ralf,

1. Try this CSS for sidebar posts:

.sidebar .wp-block-latest-posts.wp-block-latest-posts__list li {
    margin-bottom: 50px;
}

For the other one, do you mean this gap?
https://www.screencast.com/t/O3guMQzCWzt

If so, try this CSS:

:is(.blog,.archive) .post-image:not(:first-child) {
    margin-top: 10px;
}

2.Try this CSS:

.widget-area .widget {
    padding-top: 20px;
    padding-bottom: 20px;
}

[Ralf]

i found the CSS :

.inside-right-sidebar .widget:not(:last-child) {
margin-bottom: -20px;
}

and

.sidebar .widget_recent_entries ul li {
padding-bottom: 20px;
}

PS: oooh Ying – sorry i didn’t see your feedback – thank you, i will save these codes

[Ralf]

Hi Ying, no, i need a CSS code for the gap below the posts in the sidebar – see picture i sent in private section.

… not the one above the article…

thanks 🙂

[Ying]

Did you remove the site link? I couldn’t find it anymore.

Can you link me to your site again? Thanks 🙂

[Ralf]

sure, the domain is in private section
and also the domain to the picture where i marked the gap in the sidebar

[Ying]

Try this CSS for the gap between the title and the featured image in the sidebar post list:

.sidebar .wp-block-latest-posts__featured-image {
    margin-bottom: 0;
}

[Ralf]

Perfect !!! thank you so much 🙂

[Ying]

No problem 🙂

[Author]

Posts