Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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?
    thanks

    #774815

    Hi,

    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.

    #774959

    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 Shannon

    #774974

    Hi,

    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,
    Vinay

    #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.
    thanks

    #775529

    Hi,

    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

    #775531

    sorry. this sounds too complicated to me…

    #775607

    Hi,

    Would you be able to post login credentials so we can look into this further for you?

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.