Footer .x-colophon.top CSS not working

[isdg01]

Hi, I have just changed out some widgets in my footer. When inspecting the footer with Google Inspect, I see that it has the following code embedded.

.x-colophon.top {
padding: 5% 0 5.25%;
}

I do not see this piece of code in my CSS - the site was built by someone else…
I want to change the padding to 0 all around and have added the following in my Global CSS

.x-colophon.top {
padding: 0 !important;
}

The top piece of code seems to be over riding my changes. How can I fix this? There is way too much space at the top of my widget area.

Thanks in advance,
Dawn

[marc_a]

Hey @isdg01,

Thanks for reaching out!

Your code is correct! The reason why it is not working because there’s a missing closing bracket } in your media CSS which leads the bottom CSS code not to work. To fix your issue, I added the close bracket }.

Please note that enhancing custom CSS code is outside the scope of our theme support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme

Hope that h.elps.

[isdg01]

Perfect. A reminder to always check the little details… Thank you so much!

[marc_a]

Hey @isdg01,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.