Unable to change color of SiteOrigin Header box

Hello there,

To find out the solution, I need to inspect it directly how it’s exactly happening. Please share your site URL and point me to the section where that problem appears on.

Regards,
Kharis

Thanks, @kharisblank, the URL is https://hptn084life.wpengine.com/ (it’s a staging site for now). The problem is on the home page – it’s the yellow bar below the hero photo. If you need my login information to take a better look, please email me at [email protected].

Hello there,

Thank you for sharing it. Alternatively you can use this CSS code:

#pg-378-0 > .panel-row-style {
  background-color: #ff0000 !important;
}

To apply it to your site, add it to Appearance > Customize > Additional CSS from your site dashboard.

Regards,
Kharis

Thanks, @kharisblank, but it still doesn’t seem to be working. Since the widget is a SiteOrigin Headline widget, I tried a few different versions of the following code, but nothing worked. Any other suggestions?

.sow-headline {
background-color: #ff0000 !important;
}

Hello there,

Do you some other custom CSS which precedes it? Be sure that it doesn’t contain any error. If one error found, the next lines of code won’t be read by the web browser. Thea easiest way to check is to use this CSS validator tool.

Regards,
Kharis

@kharisblank, according to the validator, it is all correct, no errors. I have no other code that precedes it.

There might be some other instances which causing this. Please read this codex and see if can figure it out yourself.

Regards,
Kharis