Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How to remove css link decorations from images

How to remove css link decorations from images

Locked

Views: 2,717

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
18 Dec 2007, 8:30 PM
#1
jacka avatar

jacka

Zen Follower

Join Date:
Nov 2007
Location:
Dallas, Texas USA
Posts:
180
Plugin Contributions:
0

How to remove css link decorations from images

I can't figure out the css override declaration for the link/visited/hover/active styles that appear on my images.

I've tried #divname img a:link {color: none !important; } and other things but none work.

Can you tell me the correct position in the css and css setting to turn this off for linked images?

There is a
a:visited { color: #12345 } etc. and a 'form a:visited { color: #12345; } etc. that are setting the style currently and I am trying to override them.

18 Dec 2007, 8:41 PM
#2
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: How to remove css link decorations from images

URL to the site?

18 Dec 2007, 8:56 PM
#3
jacka avatar

jacka

Zen Follower

Join Date:
Nov 2007
Location:
Dallas, Texas USA
Posts:
180
Plugin Contributions:
0

Re: How to remove css link decorations from images

http://artbeautiful.com

Click any Category on the left, click any image and you'll see the borders around the prev-listing-next images near the top center. One example.
Thanks.

18 Dec 2007, 8:57 PM
#4
jacka avatar

jacka

Zen Follower

Join Date:
Nov 2007
Location:
Dallas, Texas USA
Posts:
180
Plugin Contributions:
0

Re: How to remove css link decorations from images

I do use Firebug. I guess I just know too little to be effective on this.

18 Dec 2007, 9:10 PM
#5
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: How to remove css link decorations from images

There are a number of things going on in your stylesheet which I'm not clear on, but if

form a:link { color: #C35725; }
form a:visited { color: #C35725; }
form a:hover { color: #888; }
form a:active { color: #C35725; }

is removed, the darker outline disappears, but is replaced by another color. :blink:

18 Dec 2007, 9:14 PM
#6
jacka avatar

jacka

Zen Follower

Join Date:
Nov 2007
Location:
Dallas, Texas USA
Posts:
180
Plugin Contributions:
0

Re: How to remove css link decorations from images

I know. :( Any suggestions?