Changing hyperlink color on header_contact_item only


  • Member
    eclerkin
    April 7, 2017 at 8:49 pm #31306

    I have the following hyperlinks in my sub-header and I am trying to resolve the CSS to change the hyperlink colors only on a hover event – and just in the sub-header header_contact_item class. How would I form the CSS to only change the hover color change within the header_contact_item class? Thanks.

    /* hover link */
    a:hover {
    color: #81d742 !important;
    background-color: inherit ;
    }

    <div class="full_header">
    			<div id="subheader" class="container">	
    				<div class="section">
    						
    								
    						<div class="header_contacts ">
    															<div class="header_contact_item"><span class="icon icon-mail2"></span> <strong><a title="Click to open Contact Page" href="http://test.slofostercare.com/home/contact/">Contact Us</a>&nbsp; | &nbsp;<a title="Click to view Frequently Asked Questions (FAQ)" href="http://test.slofostercare.com/home/about-us/#faq">FAQ</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a title="Click to learn more about becoming a Resource Parent" href="http://test.slofostercare.com/home/services/">Become a Resource Parent</a></strong></div>
    								
    															<div class="header_contact_item"><span class="icon icon-mobile3"></span> <strong><a title="Click to call us" href="tel:(805) 781-1700">(805) 781-1700</a></strong></div>
    													</div>
    						
    					<a target="_blank" href="http://instagram.com" class="header_soc_icon" title="Instagram">
    										<span class="icon icon-instagram2"></span></a><a target="_blank" href="http://twitter.com" class="header_soc_icon" title="Twitter">
    										<span class="icon icon-twitter3"></span></a><a target="_blank" href="http://facebook.com" class="header_soc_icon" title="Facebook">
    										<span class="icon icon-facebook3"></span></a>					
    					
    					
    				</div>	
    			</div>	
    		</div>

    Sorry, this forum is for verified users only. Please Login or Register to continue

Comments are closed.