Site logo

[Resolved] Gap between widgets in sidebar

Home Forums Support [Resolved] Gap between widgets in sidebar

Home Forums Support Gap between widgets in sidebar

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #2536010
    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

    #2536157
    Ying
    Staff
    Customer Support

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

    #2536172
    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 🙂

    #2536181
    Ying
    Staff
    Customer Support

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

    Can you link me to your site again? Thanks 🙂

    #2536185
    Ralf

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

    #2536190
    Ying
    Staff
    Customer Support

    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;
    }
    #2536193
    Ralf

    Perfect !!! thank you so much 🙂

    #2536213
    Ying
    Staff
    Customer Support

    No problem 🙂

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