Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 4, 2015 at 11:16 pm #439397
    Susanne

    URL: http://www.londonhouse-norfolk.co.uk

    Hi there,
    How can I style the background colour of columns?
    If I set a colour code in here:[av_textblock size='' font_color='' color=''], nothing changes.
    E.g.[av_textblock size='' font_color='' color='#9AFE2E']
    Am I missing a step?

    Thanks for your help.

    May 5, 2015 at 6:09 pm #439910
    Elliott

    Hi Susanne!

    It looks like you have them all setup in a single row so in this case I would recommend using the grid row element instead. Each cell that you add to the grid row can have it’s background set to a color, image, etc etc.

    Regards,
    Elliott

    May 5, 2015 at 9:04 pm #439997
    Susanne

    Thank you for the advice, Elliott.
    However I can’t get it how to style each cell with a different colour?
    I tried to drag & drop the “colour section” into a cell within the grid row, but that doesn’t work.
    On the other hand: if I set up a grid row within a colour section, the whole width will be the same solid colour. No individual cells any more.

    Please help.
    Thanks.

    May 6, 2015 at 8:10 pm #440615
    Elliott

    Hey!

    You can click on this button to edit each cell and change the background.

    Best regards,
    Elliott

    May 6, 2015 at 9:15 pm #440657
    Susanne

    Hi Elliott,
    Thank you – I’m a big step further now.

    However, how do I separate the different coloured cells from each other? At the moment, they are just several big coloured blocks adjoining, see here:
    http://www.trunchbeekeeping.co.uk/test/

    I would like them to be in columns with different background, but white space between them.
    Can you help?

    Thanks for your patience,
    Susanne

    May 7, 2015 at 8:08 pm #441185
    Elliott

    Hey!

    You’ll need to use the columns then. You can target each element via CSS like so.

    .avia-builder-el-11 { background: red; }
.avia-builder-el-13 { background: blue; }
etc etc

    Or target them all at once like so.

    .av_one_third { background: red; }

    You can drag your CSS into a codeblock like this if you only want it to be done on that page.

    <style type = "text/css">
.av_one_third { background: red; }
</style>

    Regards,
    Elliott

    • This reply was modified 9 years, 7 months ago by Elliott.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.