Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 21, 2015 at 3:34 am #415614
    jsdevore

    I have decided to try out Avia Layout Builder to create a new landing page. I would like to make the background of a 2/5 column a different color to make it stand out. What css would I need to add to accomplish this?

    I found this coding referenced on another thread but wasn’t sure about the reference to the page id.
    #top.page-id-10 #av_section_1 .av_one_fourth {
    background-color: #000000;
    padding: 10px;
    }

    Thank you any assistance you can provide!

    March 22, 2015 at 4:10 pm #415976
    Ismael

    Hey jsdevore!

    Thank you for using Enfold.

    Add a code block on top of the column layout. Add this code:

    <style type="text/css">
.avia_code_block_0 + .flex_column {
background: red;
}
  
  .avia_code_block_0 + .flex_column + .flex_column {
background: blue;
}
</style>

    Cheers!
    Ismael

    March 23, 2015 at 11:35 am #416319
    jsdevore

    Thanks so much for your help!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Add Background Color to Column’ is closed to new replies.