Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1128828


    I’ve changed the background color of the top header:

    #top #header_meta {
    background-color: rgba(0, 141, 156, 0.7) !important;

    Now I want the color to be not transparant when scrolled. How can I do that? I’ve added the code below, but the code above is overriding it.

    .av_header_sticky #header_meta {
    background-color: #008d9c !important;

    See private content for url. The 3 buttons at the top right must remain fully visible, not transparent!

    Thanks a lot!


    Hey jannnnnneke,

    Try removing !important from the first, or both, statements. You can’t override an !important statement with another !important statement.

    Best regards,


    Hi Rikard,

    When I remove both !important, the color is gone. When I remove only important from first section, the color is always #008d9c. But when the page isn’t scrolled yet, I want it to be rgba(0, 141, 156, 0.7).

    Is there another way?


    Hi jannnnnneke,

    Please remove the custom code and let us help you.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.