Homzen Header Color change

Adolfo

Hi,
I would like to change the header color from white to black, because my client logo design is gold on black and, they prefer it like that. Please give us the option to change the font, hover and active colors on the Header also.

VS

Adolfo I think you can easily do it with custom css. No worries about losing it when getting updates.

Botble

We have added options to change header background color & text color in Appearance -> Theme options in the latest version.

sami

Botble I cant found the options for header color

Adolfo

Amazing, I had look and tried it, however, there are problems with the Header, though. It does not alter the font colour; only a specific area of the header’s background colour is changed.

I followed your team’s advice and opened a Support ticket for this. All I’m doing is waiting.

Botble

Our dev team has replied your ticket, please check.

Botble

sami I see it’s still working fine.

Please check it on our demo site: https://homzen.botble.com/admin/theme/options/opt-text-subsection-styles

AlexMillerJr

Hello,

To change the header text color to black and offer customization options for typography, navigation, and active colors, you can follow these steps:

Header Text Color
To set the header text to black, add this CSS:

css
Kodu kopyala
.header-title {
color: #000000; /* Black */
}

Custom Font for Title
If you need to change the font of the title, you can do it by specifying the font family:

css
Kodu kopyala
.header-title {
font-family: ‘YourChosenFont’, sans-serif; /* Replace with your preferred font */
}

Navigation and Active Colors
To style the navigation links and define active link colors, add the following CSS:

css
Kodu kopyala
.nav-link {
color: #333333; /* Default navigation link color */
}

.nav-link:hover {
color: #FFD700; /* Hover color, e.g., gold to match the logo */
}

.nav-link.active {
color: #FFD700; /* Active link color */
}
Let me know if you need any more help with styling!