Footer widget padding top

Support
#1

I cannot seem to find the correct way to create a 30px padding at the top of my footer widget. When they go to a mobile view they are not consistent. Please advise. Thank you.

www.bransonchamber.com *top colophon widgets

Below is what I have added to the global css. Some widgets have padding…the third one seems to be my issue.

.x-colophon.top .x-column .widget:first-child {
margin-top: 30px !important;}

.x-colophon.top .x-column .widget:last-child {
margin-top: 30px !important;}

.x-colophon.top .x-column .widget {
margin-top: 30px !important;}

.x-colophon.top .widget {
margin-top: 30px !important;}

#2

Hi Keith,

Thanks for writing in! Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

.x-colophon.top .x-column .widget_text {
    display: inline-block;
}

Hope that helps.

#3

worked great. thank you.

#4

You’re always welcome Keith!

Cheers.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.