Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 25, 2015 at 11:13 am #434663
    QBDSwedenAB

    I have a color section, in which I have placed 2x 1/2 layout elements.

    In the color section I have a background video.

    In the 2x 1/2 layout elements I wish to have 2 different background colors, that take up the whole width of the page.

    Just using .background color on flex_column av_one_half will only give background color to the middle area of the page.

    I am thinking of somehow splitting up the color section into two pieces, and giving each piece a different background color.

    April 27, 2015 at 5:55 am #435019
    Rikard

    Hi QBDSwedenAB!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 27, 2015 at 8:38 am #435090
    QBDSwedenAB
    This reply has been marked as private.
    April 28, 2015 at 7:17 am #435814
    Ismael

    Hey!

    Thank you for using Enfold.

    Use the Grid Row element then set the cell size accordingly. You can apply different backgrounds for each cell.

    Best regards,
    Ismael

    April 28, 2015 at 1:09 pm #435987
    QBDSwedenAB
    This reply has been marked as private.
    April 29, 2015 at 6:33 am #436497
    Rikard

    Hi!

    Please try the following in Quick CSS under Enfold–>General Styling:

    #av_section_1 .responsive .container {
  max-width: 100% !important;
}

#av_section_1 .flex_column av_one_half {
  width: 50% !important;
  background-color: blue !important;
}

    Regards,
    Rikard

    April 29, 2015 at 1:26 pm #436633
    QBDSwedenAB
    This reply has been marked as private.
    April 30, 2015 at 8:08 am #437219
    Rikard

    Hey!

    The first one has the class ‘first’ also, so you should be able to target it with this:

    #av_section_1 .flex_column.av_one_half.first{
/*your code here*/
}

    Cheers!
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.