Weirdness on ethos sidebar

[lisacole1]

https://frontrunnersleague.com/
the site owner tried to put an amazon widget in the sidebar. I took it off but it’s left the sidebar looking lopsided.
Any ideas appreciated!

[lisacole1]

it’s ok
this happened on another ethos site and I copied the code over
.x-sidebar.right {
padding: 15px 15px 15px 15px;
}

.x-sidebar .widget {
margin-top: 35px;
}

[lisacole1]

would it be possible to change the line height on the sidebar though, there is a lot of gap between the text lines

[nabeel]

Hi @lisacole1,

Thank you for reaching out to us. I tried to check your site but it isn’t accessible on my end. It says This site can't be reached However to remove the spaces, you can try adding the following code in the Theme Options > CSS:

.widget ul li, .widget ol li {
    padding: 0;
}
.widget p, .widget a {
    margin: 0;
    line-height: 1.5;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!