Docs

[netsearch]

I am trying to make my footer max width, so that I can use 4 widgets that span the full footer. I have gone through the forum and tried a lot of different solutions, but none of them seem to work. Specifically, I have tried

.x-colophon.top .x-container.max.width {
width: 100% !important;
max-width: 100% !important;
}

with no effect. I’m not really sure what I’m missing. The site in question is here. I am using WP version 4.5.3, Cornerstone 1.2.4, and X theme 4.5.2 with the Integrity stack. Thanks.

[Friech]

Hi There,

Thanks for writing in! Your code is correct, but there is another custom css that overwriting that its the:

.x-colophon.top .x-container.max.width {
    width: 50% !important;
}

Is that also your custom css? If so, please remove that and your css above should apply.

If you cant find where that is coming from. Please update your code to this:

body .x-colophon.top .x-container.max.width {
width: 100% !important;
max-width: 100% !important;
}

Hope it helps, Cheers!

[netsearch]

I’m not sure where the width: 50% !important came from as it isn’t part of my custom code. I used the bottom code snippet and it worked! Thanks so much for the quick and helpful response.

[Darshana]

Glad we were able to help 🙂

[Author]

Posts