Docs

[jp0202]

Hi guys,

New to X theme and just trying to figure out how it all works. I’m having a problem with footer area where you place your widgets. I want to have two widgets but I want them to be say 2/3 and 1/3 of the footer width. I get 1/2 and 1/2 by default though and can’t find where to change it. Can anyone point me to the right place please?

Thanks

[Rad]

Hi there,

Thanks for posting in.

That’s possible with CSS would you mind providing your site’s URL? Make sure it’s 1/3 1/3 1/3. We’ll hide the last 1/3 through CSS, then expand the first 1/3.

Cheers!

[jp0202]

Hi,

The site isn’t live yet.
Is it possible to give me css code for this and I’ll try if it works? I’m not good at css.

Thank you

[jp0202]

I’ve found classes names in chrome dev tools and tried below:

.x-column.x-1-2 {
    width: 68%;
}

.x-column.last {
    width: 28%;
}

This seems to be working. Can you confirm if this is valid approach and won’t break other parts of my site?

Thank you

[Christopher]

Hi there,

Please update your code to :

@media (min-width:767px){
.x-colophon.top .x-column.x-1-2 {
    width: 68%;
}

.x-colophon.top .x-column.last {
    width: 28%;
}
}

Hope it helps.

[jp0202]

Thank you

[Paul R]

You’re welcome! 🙂

[Author]

Posts