Individual width for grid

Hey soulpreneur,

That is not possible unfortunately, but if you post a link to your site and point out the element in question then we might be able to give you some custom CSS to use.

Best regards,
Rikard

Hi,

You can edit your color section element and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS in Enfold theme options under General Styling tab

#your-unique-id .flex_column { max-width: 300px; }

Best regards,
Yigit

Hi,
It looks like you have worked out the padding of the grid row above the 1/4*4 section, are you going to continue with that or do you still need help?

Best regards,
Mike

Hi,
OK, Let me look at it differently, you say:”when I try it with padding it looks good on a laptop or other screen, but not on mobile devices” is that because they look like this for phone:

and this for tablet:

If you try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 426px) {
div .flex_column{
padding: 0px !important; 
}}

@media only screen and (max-width: 768px) {
div .flex_column{
padding: 0 10px 0 10px !important; 
}}

.avia-builder-el-8, .avia-builder-el-15, .avia-builder-el-12 {
padding-top: 20px !important; 
}

You will have this on phone:

and this on tablet:

Is that what you are looking for?
BTW: Yigit was talking about this color section:

Best regards,
Mike