Home › Forums › Basel support forum › Change Sticky Header scroll color › Reply To: Change Sticky Header scroll color
December 2, 2019 at 11:15 am
#160519
Elise Noromit
Member
Hello,
Thank you very much for choosing our theme and for contacting us.
There is no option to set the color, it can be done with custom CSS.
Please add this code to the Theme Settings > Custom CSS > Global:
body .main-header.header-has-no-bg.color-scheme-light.act-scroll {
background-color: red;
}
body .main-header.header-has-no-bg.act-scroll {
background-color: red;
}
body .main-header.header-has-no-bg.act-scroll .menu>li.current-menu-item>a{
color:yellow;
}
body .main-header.header-has-no-bg.act-scroll .menu > li > a{
color:blue;
}
body .main-header.header-has-no-bg.act-scroll .menu > li > a:after{
color:blue;
}
body .main-header.header-has-no-bg.act-scroll .menu > li > a:hover{
color:yellow;
}
body .main-header.header-has-no-bg.act-scroll .right-column>div ul li a,
body .main-header.header-has-no-bg.act-scroll .right-column>div>a {
color: white;
}
body .main-header.header-has-no-bg.act-scroll .right-column .amount {
color: #f7f7f7;
}
Set the colors as per your needs.
If the code does not work, please provide your site URL.
Best Regards