How to Change Header Color on Sela Theme

If you can please post a link to your site, it makes it much easier to give you specific instructions.

https://www.spaatlantisutah.com

If you want to change the background color of the header area which contains the site title, you should add these two rules using JetPack’s Custom CSS option. If you don’t have the option activated, go to Jetpack → Settings from the admin dashboard and activate Custom CSS. You should now see an item under Appearance → Edit CSS. Copy & paste these two rules at the end of that field:

.site-branding {
   background: transparent;
}
#masthead {
   background-color: #cdeff0;
}

This sets the color to #cdeff0, which is the same color as the turquoise that’s used in the slider. If you need help in picking the hex color code, see this tool.

Thank you so much. I didn’t know about Jetpack. Got it installed and copied the code. I guess I said “header” and meant to say the menu bar that is pink. I want to change that to blue….

OK, just change #masthead in the above rule to .main-navigation instead. And a blue color would be something like #0000ff.

thank you it worked! i’m so sorry to ask again but now the dots separating the categories on the main nav bar are pink. Do you have coding info for that?

Yes, just add this rule, too:

.nav-menu > li > a:after {
   color: #ffffff;
}

I set the color value to white (#ffffff) so it matches the text, but you can choose a different color using the tool that I linked to in my original post.

I also just noticed that the mobile menu button has a pink background (you can see it if you make the width of your browser the same size as a cell phone). You’ll want to change that earlier rule from this:

.main-navigation {
   background-color: #cdeff0;
}

to this (you’re adding the line button, to the beginning of the rule):

button,
.main-navigation {
   background-color: #cdeff0;
}

Hello
Trying to change my menu bar to the coral color of my logo. I activated Jetpack and the custom Css and did the instructions above and it hasn’t seemed to change

https://lesshousemorehomeblog.com/

Thanks so much!

you need to get rid of the */ and text at the beginning and end

How do i change the font color of my header in Sela?

@alp03, the “Spa Atlantis” and the “Call for an Appointment” text are all part of the header image, so you’ll have to use whatever image editor was used to create the header image in order to change the text color.

Also, please open a new thread on the Sela support forum if you have any other questions about the theme.

Hello,

how can I do to remove completely this menu? Right now I made it transparent but categories are still there.

Thanks!
M

https://www.handmadepoetryeditorial.com

2marinitas, you should start your own thread since your theme is totally different than the one being discussed on this one. How did you make your menu transparent? Is it the one that scrolls up when you hover over the images, or the one that’s right under the header (with just Contacta)?