Archived topic
Gap between widgets in sidebar
8 replies · Started by Ralf on February 16, 2023
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
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;
}
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
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 :)
Did you remove the site link? I couldn't find it anymore.
Can you link me to your site again? Thanks :)
sure, the domain is in private section
and also the domain to the picture where i marked the gap in the sidebar
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;
}
Perfect !!! thank you so much :)
No problem :)