How to change column widths?

I am using the artificer template with a 3 column layout with menu on left and the widths are spaced evenly. How can I make the left aside div a smaller % than 33.3333%? I'm trying to set a custom width of each column for every page the same. I tried this in the custom styles are but doesn't seem to be working.

Replies (4)

Try Artificer-Styles and this code, set the percentages according to your preference, I hope I understood it correctly :)

#bx-layout-cell-1 {
    width: 30%;  
}

#bx-layout-cell-2 {
    width: 50%;  
}

#bx-layout-cell-3 {
    width: 20%;  
}

· Blithers

· In reply to

PavelS

· 7 Mar 2025
Thanks for the help but that didn't work. I think I figured it out though.
· LeonidS

· In reply to

Blithers

· 10 Mar 2025
Hello @Blithers !
As Artificer uses the Tailwind now you need to operate with the follwing CSS classes:
.md\:w-1\/3
and
.lg\:w-1\/2
· Blithers

· In reply to

LeonidS

· 10 Mar 2025
Thank you @LeonidS. That is what I found using. I thought it looked so weird but when I tried that it worked. 😀