Contact Info Text and hover color

[microcurator]

Hi,

I’m trying to adjust the contact info in the header so that it’s white. I also would like to change the hover color. I did not see an option for it in the theme customer, so am attempting CSS. it doesn’t seem to work. I’m using the following. Any suggestions to get this working?

#contact-info {
color: white !important;
}

Site: clubimaginetutors.com

[Veena]

You can use the below custom CSS in themeoptions –

#top-header-area ul.contact-info > li, #top-header-area ul.contact-info > li > a, #top-header-area #header-menu > ul.menu > li > a {
    color: #fff;
}
#top-header-area ul.contact-info li, #top-header-area ul.contact-info li i, #top-header-area ul.contact-info li a {
    color: #fff;
}
#top-header-area ul.contact-info > li:hover, #top-header-area ul.contact-info > li > a:hover, #top-header-area #header-menu > ul.menu > li > a:hover {
    color: #3A3;
}

[Author]

Posts