5 column and widths

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

I cant centre it I have tried all the settings.

Last edited 15 May 2017 by Mark Holland

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

still not working?

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

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

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

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

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

Sincerely,
Hella