Hi

Thanks for contacting us, Use this CSS in your custom.css file

#sp-header.header-sticky{
  background-color: #eef568 !important;
}

Greetings,

The code doesn't work!

The template is Yoga.

Tried this code to change the header colour, also didn't work: .sp-page-title:before{ background: linear-gradient(180deg,rgba(3,25,46,0) 0%,rgb(51 106 157 / 75%) 83.85%) !important; }

https://prnt.sc/QnCI_Hy5vOOA

Greetings,

is there any update on this matter?

Regards Chris

Hi

I cant access your site. Could you please check your URL?

sorry, my mistake.

Hi. Here is code for header color ( gradient) with default values. Change to yours

#sp-header::after {
    background-image: -webkit-linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
    background-image: -moz-linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
    background-image: -o-linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
    background-image: linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
}

If you do not want to use the gradient, but you want a solid color, then use such a code

#sp-header::after {
    background-image: none !important;
    background-color: #000;
}

Make shure that Sticky Header option is ON.

I also want to note that Yoga uses the outdated Helix 3 framework. I would recommend that you use some template based on Helix Ultimate framework.