-
Posts
-
Hello,
I’ve seen in this forum a post explaining how to insert columns in a column : https://kriesi.at/support/topic/columns-within-columns/
I’ve inserted 3 columns in a column but they don’t have the same width. How can I fix this?
It’s at the top of the homepage, the column on the right under the text FIRST CLASS CUSTOMERS SERVICES
Tx for your help !
MarineHi,
Try activating the custom CSS field for all builder element, then assign a class to your text block, then you can use CSS like this:
.your-class .av_one_third { margin-left:0 !important; }Best regards,
RikardIn fact I think the issue is not to delete the margin left but to separate the margin 3% left, 3% right, to get the border in the middle. But I don’t find the right css label :
.bloc-droite div .av_one_third doesn’t wort
.bloc-droite .flex-column .av_one_third neither…Hi!
It looks like bloc-droite is also the av_one_third that you’re trying to target. Please try this:
.bloc-droite.av_one_third { margin-left:0 !important; }Let us know if that works!
Best regards,
SarahOK tx but in fact I’m not sure it’s what I want to do. In fact, I would like 3 columns, same width and a vertical divider between the 3, but in the middle of 2 columns.
You can see on the pics atttached what I get and what I’d like to have. (both cases are on my homepage)
Tx !!
I’ve managed the 2nd case with “no space between the column” so it will be the same trick for the first case I guess but what is the shortcode ?
Hi,
I think you will have to play around with the values in the CSS we gave you a bit, it can be a bit tricky to get thing like these just right.
Best regards,
Rikard
- The topic ‘width 3 columns in a column’ is closed to new replies.