Different backgroundcolors highlight right/left on one page

prins063

Hi,

I have 4 wraps in which i use the 'Highlight right' or Higlight left' option. I'd like to have each 'Highlight' section to have a different backgroundcolor. Now they al do have the same color.

How do i achieve this?

Best regards, Henk.

Pablo

Hi,

Probably you have highlight color same as background.

To change color of Highlight section, go to BeTheme > Theme Options > Colors > Content

On the bottom you'll have a Hightlight Section Background, change it.

http://prntscr.com/jx3v6p

Please send me a link to your website if this won't work.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

prins063

hi,

thnks for responding. That's not exactly what i mean. I'd like to have different background color of the highlight sections. I attached a screenshot to clearify what i mean.

Pablo

Hi,

It can be done only with Custom CSS,

please send me a link to your website.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

prins063

Url is www.debosk.nl

Pablo

Please declare a Custom Class for each of highlighted wrap section.

Just edit Column and on bottom, you will have Custom | Classes,

give each column different class, example: Highlight 1, Highlight 2

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

prins063

thank you. 

I get what you mean: but i'm not a CSS guru. What CSS line do i have to use.

Something like this?

.highlight1 {

.highlight-left:after, .highlight-right:after {

    background: #5BBB12;

}

Pablo

No, something like this.

http://prntscr.com/jxluht

Cheers.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

prins063

Hello,

thanks for your reply. But unfortunately this is still not what i mean. Now i only get the the background of the wrap section, but i'd like the full section to have the same color. 

See attachement:

Pablo

I see that everything is fine now on website.

Want you to change anything now?

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

prins063

nevermind, i solved this by checking the 'full width' option in the advanced section.

See attachment. Thanks for helping!