I would like to make the top phone bar color a different color then the menu hover color. This is what I have in the Quick CCS, Can you tell me what I need to add to this? Many thanks.
.phone-info span {
color:white !important;
font-size: 14px;
}
Hey yes9310,
Thanks for getting in touch with us!
To change the color of the phone info, please try the following CSS:
#top #header_meta .phone-info {
color: #ffffff !important;
}
Best regards,
Jordan Powell
Thanks Jordon but it doesn’t work.
I put in the following. The phone number color is correct and the right size font, but the background color of the top phone/social media bar color did not change. See private content below. Whatever color you make the menu dropdown hover, is the color it makes the top phone bar background. I need it to be a different color than the hover color. Not sure why these aren’t separate color choice settings. See site below. Thanks.
.phone-info span {
color:white !important;
font-size: 14px;
}
#top #header_meta .phone-info {
color: #8cc43d !important
Hi,
Sorry for the mix up, thought you wanted to change the text color. If it’s the background color you want changed, then please use the following code:
#top #header_meta {
background-color: #efefef !important;
}
Adjust the color to your needs.
Best regards,
Jordan Powell
Perfect!! Thanks Jordan!!!
Hi,
Glad it worked! You’re welcome :)
Best regards,
Jordan Powell