- This topic has 6 replies, 2 voices, and was last updated 2 years, 5 months ago by
.
-
Posts
-
Hello,
I have successfully purchased and installed your template.
I have configured everything that I have proposed but I cannot change both the color of the header and the color of the copyright to the custom color #00afe9.
I would appreciate an urgent response, thank you.
Hello @GRUPO-ANBEN, Please add this CSS in the Additional CSS
#site-identity .site-title a,
#site-identity .site-description,
.main-navigation ul.nav-menu > li > a,
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a,
.main-navigation ul.sub-menu li a,
.site-info span {
color: #00afe9;
}
.main-navigation svg.icon-down,
#masthead .main-navigation .social-menu ul li a svg {
fill: #00afe9;
}@media screen and (min-width: 1024px){
.main-navigation ul#primary-menu > li.current-menu-item > a:after, .main-navigation ul#primary-menu > li:hover > a:after {
background-color: #00afe9;
}
}Go to Customizer >> Appearance >> Additional CSS, paste the above CSS there, and published the site.
Please remove main-navigation and social- menus if you don’t want to change color of these items.
let us know if you have any issues with it.Regards,
ThemepalaceHello,
I appreciate your quick response but maybe I’m not explaining myself well.
What I need is for the background of both the header and the copyright to be the color #00afe9.
Exclusively the background, not the letters or the icons.
Sorry for the inconvenience, best regards.
Hello @GRUPO-ANBEN,
Please use this CSS instead
@media screen and (min-width: 1024px) {
.home.menu-sticky #masthead.nav-shrink {
background-color: #00afe9;
}
}
.site-info.col-2 {
background-color: #00afe9;
}Thank you very much, I see that we are making progress.
I just need the color #00afe9 to be kept in the header of all pages including the mobile version.
Right now it only appears on the home page but if you scroll to others you see the black header.
An affectionate greeting.
Hello @GRUPO-ANBEN,
Please use this CSS instead
.menu-sticky #masthead.nav-shrink,
.site-info.col-2,
#masthead {
background-color: #00afe9;
}
- You must be logged in to reply to this topic.
