Need help reducing blank space between certain sidebar widgets

  • Resolved swevr

    (@swevr)


    4 years, 7 months ago

    Is anyone able to help me reduce the space between the right-sidebar widgets on my website? I’d like it to look a little more compact. Specifically the space below the social media icons and the google reviews widget.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Kartik Shukla

    (@kartiks16)

    4 years, 7 months ago

    Hello,

    Can you please try the below CSS and see if that helps.

    .widget {
    margin: 0 0 5px !important;
}
aside#block-5, aside#block-4 {
    padding-bottom: 5px !important;
}
a.ti-header.source-Google {
    padding: 0 !important;
}

    Thanks.

    Thread Starter swevr

    (@swevr)

    4 years, 7 months ago

    That’s worked! but it appears to have shifted the search bar at the top of the page to the left a little. If i increase the number in the code you have provided, will that adjust the padding?

    Kartik Shukla

    (@kartiks16)

    4 years, 7 months ago

    Ohh ok my bad, I didn’t check the search bar.

    In my previous comment, I gave below CSS

    .widget {
    margin: 0 0 5px !important;
}
aside#block-5, aside#block-4 {
    padding-bottom: 5px !important;
}
a.ti-header.source-Google {
    padding: 0 !important;
}

    Change that to below

    #secondary .widget{
    margin: 0 0 5px !important;
}
aside#block-5, aside#block-4 {
    padding-bottom: 5px !important;
}
a.ti-header.source-Google {
    padding: 0 !important;
}
    Thread Starter swevr

    (@swevr)

    4 years, 7 months ago

    That’s great. Thanks a lot!

    Kartik Shukla

    (@kartiks16)

    4 years, 7 months ago

    Happy to help you.

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Need help reducing blank space between certain sidebar widgets’ is closed to new replies.