April 9, 2017 at 8:30 am #774809
Hi there, I purchased a few weeks ago a new licence of ENFOLD (see serial below).
I wonder if someone could tell me how to change the background color of a column (f.e. two columns in a row – two different background colors)
See example here: http://imgur.com/a/Dobz2
The reason why, is that on a mobile phone the columns are underneath each other and the reader does not see the different meaning of the different contents at first.
can yomeone help me out?
thanksApril 9, 2017 at 8:37 am #774815
Fellow user like yourself so just offering a suggestion on how I went about this :)
Once you set your custom CSS you will be able to change the background to the individual elements.April 9, 2017 at 2:31 pm #774959
MIMMT is correct, adding a custom class to the specific element you need to change would give you the ability to individually customize it. Please let me know if this is clear.
Jordan ShannonApril 9, 2017 at 2:58 pm #774974
Thank you @MIMMT for sharing the tip.
Yes please enable custom CSS class name support to target individual elements of the advanced layout builder.
VinayApril 10, 2017 at 6:29 am #775275
Hi there, thanks for the inpunt.
Looking at the functions.php I see already a line there: add_theme_support(‘avia_template_builder_custom_css’); is it just deactivated?
However, I still dont know how to achieve the change of background color of each column since they are nested into a color section.
I understand using a color section fills the background color of that whole container (including both columns), but other that the grid-section (which is a tempting alternative) the columns are aligned as I like (and have the same padding as the text sections above and below)…
so again – is there any possibility to change the background of the columns via CSS?
if not and you suggest to use a grid section – how would I resolve the missing padding that are part of the columns and how does that affect the responsiveness of the columns…?!
hope I could explain.
thanksApril 10, 2017 at 4:09 pm #775529
It is normally commented out you need to remove the comment.
You need to use the nth-child CSS rule to apply a different background color to each column.
If you do not see the custom CSS field as an option in the element’s settings please post your login credentials so we can take a look at it.
VinayApril 10, 2017 at 4:16 pm #775531April 10, 2017 at 7:47 pm #775607
You must be logged in to reply to this topic.