-
Posts
-
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/Dobz2The 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?
thanksHi,
Fellow user like yourself so just offering a suggestion on how I went about this :)
Have a look at http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Once you set your custom CSS you will be able to change the background to the individual elements.
Hi,
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.
Best regards,
Jordan ShannonHi,
Thank you @MIMMT for sharing the tip.
Yes please enable custom CSS class name support to target individual elements of the advanced layout builder.
Best regards,
VinayHi 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.
thanksHi,
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.
Best regards,
Vinay
- You must be logged in to reply to this topic.