Column Width Spacing

mmp
44 Posts
mmp posted this 21 September 2015

Good morning,

I would like to know if there is a way that i can change the size of the column spacing steps. Please see the images to see what i am talking about.

As you can see in the image i am trying to evenly space the 3 hover boxes, but i am having difficulty getting them to space correctly.

Any advice?
Thanks

Good morning, I would like to know if there is a way that i can change the size of the column spacing steps. Please see the images to see what i am talking about. As you can see in the image i am trying to evenly space the 3 hover boxes, but i am having difficulty getting them to space correctly. Any advice? Thanks

Last edited 21 September 2015 by mmp

Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 21 September 2015

Hi,

it seems that the Gutter width option under Themler Settings tab is the one you're looking for.

Please let us know if you have any further questions.

Thanks,
Ivan

Hi, it seems that the **Gutter width** option under Themler Settings tab is the one you're looking for. Please let us know if you have any further questions. Thanks, Ivan
mmp
44 Posts
mmp posted this 22 September 2015

Hi Ivan

Please can let me know where i can change the Gutter width so that i can see if this will help.

Thanks

Hi Ivan Please can let me know where i can change the **Gutter width** so that i can see if this will help. Thanks
mmp
44 Posts
mmp posted this 22 September 2015

Ok i found the gutter width, is there a way to change the step sizes? the grey parts?

Thanks

Ok i found the gutter width, is there a way to change the step sizes? the grey parts? Thanks
Support Team
Support Team posted this 23 September 2015

Hi,

The number of "grey parts" is constant for Themler themes - 24.

It means that you can create four equal columns 6 each or three with 5 width and one with 9.
I'm not sure how do exactly want to change them.

Please let me know if something is not clear for you.

Thanks,
Ivan

Hi, The number of "grey parts" is constant for Themler themes - 24. It means that you can create four equal columns 6 each or three with 5 width and one with 9. I'm not sure how do exactly want to change them. Please let me know if something is not clear for you. Thanks, Ivan
MogoMan
6 Posts
MogoMan posted this 09 October 2015

Is there no way of overriding the 24 "grey parts" constant?

I need to set up 5 equally sized columns. Of course, with 24 "grey parts" I can only have 4 columns of 5 and 1 column of 4.

Thanks

Mike

Is there no way of overriding the 24 "grey parts" constant? I need to set up 5 equally sized columns. Of course, with 24 "grey parts" I can only have 4 columns of 5 and 1 column of 4. Thanks Mike
Support Team
Support Team posted this 09 October 2015

Hello Mike,
you may set as many columns as you want. In your case you may set 5 columns. As a result you'll get 4 columns of equals widths and one column of different width. To make them equals (20% in this case) add the custom CSS code to Settings >> Additional CSS

.col-md-4, .col-md-5{
width:20%;
}

Please remember that you probably have to use different class name than ".col-md-4" (the number would be different). Use Live Preview option in combination with Developer Tools in browser to find the class names

regards,
Aileen

Hello Mike, you may set as many columns as you want. In your case you may set 5 columns. As a result you'll get 4 columns of equals widths and one column of different width. To make them equals (20% in this case) add the custom CSS code to Settings >> Additional CSS .col-md-4, .col-md-5{ width:20%; } Please remember that you probably have to use different class name than ".col-md-4" (the number would be different). Use Live Preview option in combination with Developer Tools in browser to find the class names regards, Aileen
You must log in or register to leave comments