5 column and widths

Mark Holland
110 Posts
Mark Holland posted this 15 May 2017

Hi,
I am trying to create 5 columns it will only let me set 16% as soon as i try to go to 18% for all columns it messes up.
Please see the 5 column picture here.

https://dgrmanufacturing.co.uk/newsite/doors/

Thanks

Hi, I am trying to create 5 columns it will only let me set 16% as soon as i try to go to 18% for all columns it messes up. Please see the 5 column picture here. https://dgrmanufacturing.co.uk/newsite/doors/ Thanks
Vote to pay developers attention to this features or issue.
9 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 15 May 2017

Hi,

We are using bootstrap 12-grid system and it allows you to make a width of the column in proportion with 1/12 of the screen width (8%). You can try to make the columns 16% width and center them so they won't be aligned to the left.

Sincerely,
Hella

Hi, We are using bootstrap 12-grid system and it allows you to make a width of the column in proportion with 1/12 of the screen width (8%). You can try to make the columns 16% width and center them so they won't be aligned to the left. Sincerely, Hella
Mark Holland
110 Posts
Mark Holland posted this 15 May 2017

I cant centre it I have tried all the settings.

I cant centre it I have tried all the settings.

Last edited 15 May 2017 by Mark Holland

Support Team
Support Team posted this 15 May 2017

Hi,

You can use this code:

.col-lg-2.col-sm-6.bd-columnwrapper-1630470389 {
    margin-left: 8%;
}

Add it under the Home >> Settings >> Additional CSS.

Sincerely,
Hella

Hi, You can use this code: .col-lg-2.col-sm-6.bd-columnwrapper-1630470389 { margin-left: 8%; } Add it under the Home >> Settings >> Additional CSS. Sincerely, Hella
Mark Holland
110 Posts
Mark Holland posted this 15 May 2017

still not working?

still not working?
Support Team
Support Team posted this 15 May 2017

Hi,

Sorry, didn't realized that the class name is changed after saving. Try this one:

.col-lg-2.col-sm-6:first-child {
    margin-left: 8%;
}

Sincerely,
Hella

Hi, Sorry, didn't realized that the class name is changed after saving. Try this one: .col-lg-2.col-sm-6:first-child { margin-left: 8%; } Sincerely, Hella
Mark Holland
110 Posts
Mark Holland posted this 15 May 2017

that centralized them but the columns are still 16 and not full width, I.E beg space left and right I was to set them to 18/19/20% so they use the full width.
Thanks

that centralized them but the columns are still 16 and not full width, I.E beg space left and right I was to set them to 18/19/20% so they use the full width. Thanks
Support Team
Support Team posted this 15 May 2017

Hi,

As I explained in the first message, that is a bootstrap limitation and I suggested you to center them in order not to look like they are stacked to the left. You can use this code:

.col-lg-2 {
    width: 20%!important;
}

But some conflicts may occur with other bootstrap elements, please watch for them.

Sincerely,
Hella

Hi, As I explained in the first message, that is a bootstrap limitation and I suggested you to center them in order not to look like they are stacked to the left. You can use this code: .col-lg-2 { width: 20%!important; } But some conflicts may occur with other bootstrap elements, please watch for them. Sincerely, Hella
Mark Holland
110 Posts
Mark Holland posted this 15 May 2017

ok thanks I will play about with it.
Thanks Mark Holland

ok thanks I will play about with it. Thanks Mark Holland
Support Team
Support Team posted this 15 May 2017

You are welcome. Let us know if you need our further help.

Sincerely,
Hella

You are welcome. Let us know if you need our further help. Sincerely, Hella
You must log in or register to leave comments