Home Forums Basel support forum How To Change Sticky Header BG Color?

How To Change Sticky Header BG Color?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6975

    kparsons
    Participant

    Hello,

    How do I:

    1. What’s the CSS to Make the sticky header BG a transparent color?

    Thank you,

    #6985

    Artem Temos
    Keymaster

    Hello,

    Please, provide us your website url and we will prepare you CSS for that.

    Regards

    #7015

    kparsons
    Participant

    Hi,

    Thank you please see below:

    #7018

    Artem Temos
    Keymaster

    Thank you. Try to add this code snippet to the Custom CSS in Theme Settings

    .main-header.header-has-no-bg.color-scheme-light.act-scroll {
        background-color: rgb(3, 57, 140);
    }

    Regards

    #7031

    kparsons
    Participant

    Hello,

    Unfortunately that did not work. Please see below image:

    Also, can I make the header BG color a different color than the HOME color?

    Thank you,

    #7032

    Artem Temos
    Keymaster

    Hi,

    It doesn’t work because you have set wrong color for it’s background. Now it is set to background-color: 003399;. But should be something like background-color: #003399;. Please check it.

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)