Site logo

Archived topic

Gap between widgets in sidebar

8 replies · Started by Ralf on February 16, 2023

Viewing posts 1–9 of 9

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 :)

This archived topic is closed to new replies.