[RHNParticipant]

i am in need of support.

by duplicating a row, things just start to float on the right

Dush Ramachandran

seems to be a floating problem in general:
https://polarbase.wpengine.com/
here the essential grid floats to the left

also,
the margin between the column is way too big, but when i adress that in css, things dont linn up to the right anymore.

please help.

[ChristopherModerator]

Hi there,

Currently you are using fullscreen layout which displays essential grid blocks out of container, please navigate to Grid settings tab and change it to Boxed to fix the issue.

To remove margin between columns, enable Marginless columns option.

Thanks.

[RHNParticipant]

Hey!
Thanx for the reply.
I found the marginless columns option, but what i really want to achieve is s smaller margin.
Anyway i try to adress that with css, seems to crash the entire layout.

Also, unfortunately i have no idea where i find the grid settings and change things to boxed. Would highly appreciate a path here.

[Rue NelModerator]

Hello There,

Thanks for updating in! Are your referring to this row?

If that is the case, please edit your grid and make sure that it is not being set to a fullwidth layout. You must have to set it as boxed so that it will follow the width of it’s container which is the column.

Hope this helps. Please let us know how it goes.

[RHNParticipant]

Hey,

thanx for your help earlier, i kind of managed the floating problem.

but now i have a new problem regarding responsivness.
i changed the the distance between the columns in the global css and things are far from responsiv now.
how can i fix that issue?
also, i like to change the margins for all x-columns in a child theme (since i want to change that on all my xtheme sites) but when I look at the style.css file, it just comes in one line! never mind if i opne it in textedit og sublimetext.
I really would like to look at the css, where can i fint the entire code cleaned up?

thank you for your help

[Nabeel AModerator]

Hi again,

To fix the responsive issue, you can add the following code in your Customizer:

@media screen and (max-width: 767px) {
.x-column {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
}
}

You can change the margins via Appearance > Customize > Layout and Design, adjust the width as per your need.

Hope this helps!

[Author]

Posts