Change Sticky Header Border bottom colour

  • Resolved yoramcok

    (@yoramcok)


    7 years, 8 months ago

    Hi, I’m using the oceanwp theme in combination with the oceanwp sticky header plug-in. This plugin allows me to change the background colour of the sticky header, but I can’t find a option to change the Border bottom colour. Is this possible with custom CSS?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Amit Singh

    (@apprimit)

    7 years, 8 months ago

    Just add the code in customize > custom css/js

    #site-header.fixed-scroll, #top-bar-wrap.top-bar-sticky {
    border-bottom:2px #a600f9 solid;
    }

    Amit Singh

    (@apprimit)

    7 years, 8 months ago

    Hi, please replace the above code with this one.

    .is-sticky #site-header.has-full-width-header {
    border-bottom:2px #a600f9 solid;
    }

    Thread Starter yoramcok

    (@yoramcok)

    7 years, 8 months ago

    Thank you for your reply. I’ve tried your custom CSS, but it did not had the effect I would like. This code also added the same border to the bottom of the “regular” header. I would like to use one border colour for my regular header and another colour for the sticky header.

    Amit Singh

    (@apprimit)

    7 years, 8 months ago

    Hi, please replace the above code with this one. This is only for the sticky header.

    .is-sticky #site-header.has-full-width-header {
    border-bottom:2px #a600f9 solid;
    }

    Thread Starter yoramcok

    (@yoramcok)

    7 years, 8 months ago

    I didn’t had the has-full-width-header checkmark turned on, but I adjusted the code a little and now it works! Thank you so much 🙂

    Amit Singh

    (@apprimit)

    7 years, 8 months ago

    Glad to hear that 🙂

    Thread Starter yoramcok

    (@yoramcok)

    7 years, 8 months ago

    My issue is resolved 😀

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Change Sticky Header Border bottom colour’ is closed to new replies.