Forums / Templates, Stylesheets, Page Layout / remove border around around images (not image border)

remove border around around images (not image border)

Locked

Views: 3,172

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
5 Aug 2010, 11:27 PM
#1
otha avatar

otha

New Zenner

Join Date:
May 2010
Posts:
32
Plugin Contributions:
0

remove border around around images (not image border)

As illustrated in the attached image of a Gift Cert, there is a border around product items on the site which I wish to get rid of.

I've spent more than a day investigating by, eyeballing the CSS, using Firebug and Developer, and searching the forums and faq but cannot pass my hurdle.

The border appears in the a:active, a:hover(in a different colour which is the same as the text link below it) and a:visited states

It looks like I may have to break it apart from the text link (which says, "larger image") but, I'm not certain about this and, if so, how?

I believe from the hover colour(teal) that it's at the least, referencing one of the following but I'm not certain of this either (I'm going on the colour because as mentioned, the link colour is the same as the border's hover colour):

a:hover {
color:#08B3B5;
text-decoration:none; }

#navMainWrapper a:hover {
color: #08B3B5; }

#navEZPagesTop a:hover {
color: #08B3B5; }

I've no clue about the border colour in active and visited states but would like to just get rid of any border by changing the colour to #ffffff. What in the CSS do I need to change?

Thanks,

May the Zen be with you ~Otha

6 Aug 2010, 3:42 AM
#2
otha avatar

otha

New Zenner

Join Date:
May 2010
Posts:
32
Plugin Contributions:
0

Re: remove border around around images (not image border)

Was the description of my problem, above, to convoluted? Am I way off somewhere? This thing is driving me crazy. I've been trying for a few days to figure out how to get rid of that border around images (as in attachd). If I've been too muddle mouthed, please let me know so I can attempt another description of the problem. I'd really appreciate some help on this.

Thanks..

May the Zen be with you ~Otha

6 Aug 2010, 9:01 AM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: remove border around around images (not image border)

Your description of the problem is fine. As you said, you've been using Firebug and Web Developer to try to figure out where it's coming from. That's exactly what we'd do, but you have a link to the site and we don't.

7 Aug 2010, 10:18 AM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: remove border around around images (not image border)

That's not really a Zencart question. You'll see those dotted borders on anchors (<a>) on most sites. The idea was that users would know when a link was 'active' and the border doesn't stay long if you actually click on the image.

Anyway, if you add this to your stylesheet, they should go away.

a {
outline: none;
}

8 Aug 2010, 9:09 AM
#5
otha avatar

otha

New Zenner

Join Date:
May 2010
Posts:
32
Plugin Contributions:
0

Re: remove border around around images (not image border)

Thank you Steve,

That worked perfectly

May the Zen be with you ~Otha

23 Aug 2010, 5:03 AM
#6
semaxd avatar

semaxd

New Zenner

Join Date:
May 2008
Location:
Ventura Co.
Posts:
82
Plugin Contributions:
1

Re: remove border around around images (not image border)

Outstanding!