Change background color of header menu: Digital Pro

[Sveen]

Hi,

Can i change the background color of header menu in just one page ?

Greetings

[Brad Dalton]

Yes, view the source code and scroll down to the body class where you'll find the page id

---

Tutorials for StudioPress Themes.

[Sveen]

Ok, I found the id page and the piece of code to change it, what should I do to change it for just one page?

.site-header {
	background-color: #c922224d;
	border-bottom: 1px solid transparent;
	padding: 28px 30px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

[Brad Dalton]

.id .site-header {
	background-color: red;
}

---

Tutorials for StudioPress Themes.

[Sveen]

Thank a lot;

I have another question, i just look but i can't find it, can i change the color or the characters of the primary menu?

I want change the color in white and write it in lowercase.

[Brad Dalton]

If you inspect the element, you'll find the CSS rule and location in the style sheet where you can modify the CSS.

---

Tutorials for StudioPress Themes.

[Sveen]

I've tried, but I can't find it, can you help?

[Brad Dalton]

Here's the basic CSS for the primary nav menu

---

Tutorials for StudioPress Themes.

[Sveen]

Ok, I made all the changes effectively, but I noticed on chrome and edge the background color isn't changed, why?

This code:

.site-header {
	background-color: red;
}

Works only on Firefox.

[Author]

Posts