Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 6, 2013 at 7:18 am #196880
    Glyphism

    Hi folks, does anyone know how to change the background colour of individual columns, created using the layout builder?

    I have a page with 3 column elements containing text and an image, and I want to give them each it’s own background colour, by targeting them with a custom style – in the same way you can with Colour Sections.

    Any helps is appreciated.

    Thanks,
    G

    December 7, 2013 at 3:43 am #197215
    Josue

    Hey Glyphism!

    You can’t assign them an ID, but they get an automatic numeric class according to the order they are created, you can check it using the Inspector tool in Chrome:

    Regards,
    Josue

    December 7, 2013 at 12:57 pm #197283
    Glyphism

    Thanks Josue, that’s a great tip. I just created a class like so below, and it worked perfect. This ads lots of great opportunity for styling content within specific column areas.

    .avia-builder-el-4 {
background-color: #000000;
}

    However one issue I have just noticed is that if I make any layout changes to the page, the column ids are being regenerated, so that layout is breaking… is there any way to control this to ensure the id numbers stick?

    • This reply was modified 11 years ago by Glyphism.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Custom Column Colours’ is closed to new replies.