How do you remove anchor hover colour from images

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • kungfool
    New Member
    • Jun 2014
    • 1

    How do you remove anchor hover colour from images

    I am having a problem with the background color for images. I have links with a colored background and colored when hovered, but this also does it for images which is what I don't want. Here is the CSS:

    Code:
    a:link,a:visited {
    	margin: 0 auto;
    	display: block;
    	font-weight: 400;
    	color: #000000;
    	display: block;
    	width: 120px;
    	background-color: #FF9001;
    	text-align: center;
    	padding: 10px;
    	text-decoration: none;
    	text-transform: uppercase;
    	font-family: bangers;
    	font-style: normal;
    	font-size: large;
    	letter-spacing: 2px;
    	word-spacing: 2px;
    }
    a:hover,a:active {
    	background-color: #DC5D06;
    }
    If the code doesnt help, I also have it on JSFidle: http://jsfiddle.net/Nnk92/

    Is there anyway to remove this from images and not the text? I've heard that Java script is a solution but don't know how to use it
  • Rabbit
    Recognized Expert MVP
    • Jan 2007
    • 12517

    #2
    Apply classes to the links you want color on and use the class selector in your CSS.

    Comment

    Working...