Custom css for Highlight Section background

Hi there,
How to override the color for Highlight Section background for a single section ?

I have defined a class : bg1
and set custom css :
.bg1 .highlight-left { background: #1e73be;}
or
.bg1 .highlight-left::after { background: #1e73be;}

 but not working.

Thanks

Comments

  • Hi,
    Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
    It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
    thanks
  • I mean  background-color: and not background:
    .bg1 .highlight-left { background-color: #1e73be;}
    .bg1 .highlight-left::after { background-color: #1e73be;}

    My question is simple, no ? you don't need backoffice login for this

    I need to override this settings ( see below screenshot)

  • I need an access to your website because I have to be sure that you selected proper section.
    Your CSS looks good, but add after the color, an !important.

    example:
    .bg1 .highlight-left { background-color: #1e73be !important;}
    Thanks
  • Ok sorry, this is solved.
    I set a bg color to the wrap and put the section Highlight | left & full width

    sorry for inconvenience ;-)

Sign In or Register to comment.