Docs

[nikolasa]

Heya – we’re keen on changing the widgets to 2/3 1/3 1/3 just wondering how I manage that? Attached is what we have at the moment.

[nikolasa]

This reply has been marked as private.

[John Ezra]

Hi there,

Thanks for updating the thread! It’s not possible to 2/3 + 1/3 + 1/3 as that will equal 4/3. 🙂 If you meant 2/4+ 1/4+ /14, you can use the following CSS with your current setup.

You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

@media (min-width:768px) {
    .x-column.x-md.x-1-3 {
        width: 22%
    }

    .x-column.x-md.x-1-3:first-child {
        width: 48%
    }
}}

Hope this helps – thanks!

[nikolasa]

That worked really well. Thanks the only problem I have is that it’s not working on the homepage, just the subpage we have created. I’m having trouble on another thread with this as well, css seems to work on the subpages but not the homepage (even when I add it to the homepage css) – hmmm. Help!

[Lely]

Hello There,

It is not working because there’s a CSS syntax error. Please check this part:

.x-colophon.top, .x-colophon.bottom {
    border-top: medium none;
    box-shadow: none;
  

Update to this:

.x-colophon.top, .x-colophon.bottom {
    border-top: medium none;
    box-shadow: none;
 } 

The closing curly brace is missing. This will cause other CSS after this line from working.
Please also update above CSS to this:

@media (min-width:768px) {
   .x-colophon.top .x-column.x-md.x-1-3 {
        width: 22%
    }

    .x-colophon.top .x-column.x-md.x-1-3:first-child {
        width: 48%
    }
}}

This is to make sure that it will only affect the footer area.

Hope this helps.

[nikolasa]

This worked thanks!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts