Site icon Catch Themes

How to change color of header font and clicked links

I am using the free version of rock band (xanwolfe.com)  and wanted to change the default teal color of the links, line breaks, header pages, etc from teal to green color (#94995C). So far I have managed to do that with some CSS but am still running into the default teal returning under two circumstances: When you hover over a menu item with sub-items and scroll down, the top level items revert to default teal. When a link is clicked like "home" or "blog" the color briefly reverts to the default teal. Is it possible to change this with custom CSS? I am currently using this in my custom CSS section:
#feature-slider-section .entry-container {
    display: none !important;
}

a:hover {
    color:#94995C !important;
}

#access .menu .current-menu-item > a, #access .menu .current-menu-ancestor > a, #access .menu .current_page_item > a, #access .menu .current_page_ancestor > a, #access-secondary .menu .current-menu-item > a, #access-secondary .menu .current-menu-ancestor > a, #access-secondary .menu .current_page_item > a, #access-secondary .menu .current_page_ancestor > a, #access-footer ul.menu .current-menu-item a {
    color: #94995C;
}

input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, blockquote, .rtl blockquote, .page-links a, .section-title::after, #header-menu-social::before, #hero-section .entry-title::after, #feature-slider-section .cycle-prev:hover, #feature-slider-section .cycle-prev:focus, #feature-slider-section .cycle-next:hover, #feature-slider-section .cycle-next:focus, .woocommerce-info, .woocommerce-message {
    border-color: #94995C;
}

.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a,
.main-navigation li:hover > a, 
.main-navigation li.focus > a {
    color: #94995C;
}

#primary-menu-toggle {
	color:#94995C;
}

p { color:#c1c1c1; }
Exit mobile version