Change header site title, menu items color

Hi @sarkarialerteam,

Please try the following CSS code

/** Site title */
.site-title a {
    color: #ffffff;
}

/** Menu color */
.main-header-menu .menu-link {
    color: #ffffff;
}

/** Menu hover color */
.main-header-menu .menu-item:hover > .menu-link {
    color: #ffff00;
}

/** Active menu color */
.main-header-menu .current-menu-item > .menu-link {
    color: #ff0000;
}

/** Search text */
.ast-search-menu-icon .search-field {
	color: #ffffff;
}

/** Search icon */
.ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon {
	color: #ffffff;
}

Feel free to modify the code.

?I hope it helps.

??Kind regards,
?Herman ??

thank you so much. everything is working fine except inside search menu text “Search…” and text cursor ” | “.

img 1

Hi @sarkarialerteam,

Please try this CSS

.ast-search-menu-icon .search-field {
	color: #ffffff !important;
}

I hope it helps.

??Kind regards,
?Herman ??

already written “Search …” label text remains same color.

Hi @sarkarialerteam,

The Search text and the cursor are white on my end. Please refer to this video.
?
?Have you fixed it or am I missing something?
?
?Kind regards,
Herman ??

thanks

You are welcome, @sarkarialerteam!

Let us know if there’s anything else we can help you with.

Have a nice day and stay safe!

Kind regards,
Herman ??