Sidebar widget spacing

  • Resolved twistsd

    (@twistsd)


    4 years, 5 months ago

    I have created a sidebar with three widgets in but I would like to reduce the vertical space between the 1st and 2nd widget, any help/advice would be gratefully appreciated.
    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • hannah

    (@hannahritner)

    Hi Steve,
    Can you post a link?
    Thanks!

    Hannah

    Thread Starter twistsd

    (@twistsd)

    Hannah,

    Here is the link to my dev site. What i wish to achieve is to get the space between the image at the top of the sidebar and the next widget as small as possible.

    https://51.132.137.214/

    Thanks
    Stephen

    hannah

    (@hannahritner)

    Try adding this to your custom css box in Theme Options > Advanced Settings:

    .sidebar .widget {
    margin-top: 0;
}

    Hope that helps!

    Hannah

    Thread Starter twistsd

    (@twistsd)

    Hannah,

    Thanks for your reply. I have tried that but I still have a gap between the 1st & 2nd widget, and also the 1st widget is not fully inline with the other widgets. I have added a background to the side bar to show this easier.

    Thanks
    Stephen

    hannah

    (@hannahritner)

    Hey Stephen,
    Try adding this css instead:

    .sidebar h3 {
    margin: 0;
}
img.image.wp-image-913.attachment-full.size-full {
    margin: 0;
}
.sidebar ul {
    margin-bottom: 0;
}

    How does that work for you?

    Hannah

    Thread Starter twistsd

    (@twistsd)

    Hannah,
    That has sorted it thanks.
    Stephen

    hannah

    (@hannahritner)

    You bet! Happy Monday:)

    Hannah

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Sidebar widget spacing’ is closed to new replies.