Header color problem

How do I change the color of this header?
It is airi pro. I have changed every color in customize and elementor will not let me edit.

Hello, can you please provide a link to your website in order to let me check your header?

You can use some link shortener if you don’t want to leave the link to your site in this topic.

Kind Regards, Roman.
aThemes Support

Hello, thank you for the link.

You can try to add this CSS code in Customize → Additional CSS section:

body.menuStyle1 #masthead.site-header {
    background-color: green;
}

You can replace green in the code above with any other color or color code. Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

That worked! I installed the plugin WP Add Custom CSS to apply to specific pages (rather than site wide). Thanks for your help!

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support

On other question…I noticed on the website it works fine but mobile and tablet have a black header

pocketspots.com. I’d like it to be clear or white.

Hello,

It looks like you didn’t enable the CSS code that I mentioned above to your home page, did you?

Kind Regards, Roman.
aThemes Support

So- the code works but is there a way to make it clear (or transparent)?

Hello,

So- the code works but is there a way to make it clear (or transparent)?

I’m not sure what exactly you want to achieve, can you please provide some explanatory screenshots?

Kind Regards, Roman.
aThemes Support

The top of this page is transparent: https://martinpictures.com. It is gray and see through at the same time. Also, I’d like to be able to remove that strip of color altogether (clear).

Hello,

You can try to add this CSS code in CustomizeAdditional CSS section:

#masthead {
  background-color: transparent;
}

.is-sticky #masthead {
  background-color: rgba(0, 0, 0, 0.5);
}

.custom-logo {
  transition-duration: 0.5s;
}

Kind Regards, Roman.
aThemes Support

That worked! Thanks!!!

1 Like

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support