Unwanted border

[hantaah]

I’m trying out a box on my page but each box has an unwanted border ( small 1 02 2px gray border ) around it when opened.

here is my page

http://www.sakeenaheducationcentre.com/accordion-test/#1

how do I get rid of it?

( i’ve just noticed it’s only there on chrome )

[RyanKing1809]

Hi Hantaah, What specific box are you talking about? Also please post your html & css code for the box you are talking about and we’ll be able to help.

[ralphm]

I see various apparent borders caused by things like this:

-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);

[ronpat]

I think the border hantaah is referring to is the 1px gray square border in the vicinity of the image on the left of this screenshot. It can occur in any of the boxes. For the record, it’s 248px wide. I can’t find anything that resembles that shape or area. It usually shows up but not always.

[ralphm]

Hm, I see. After some digging, I see it’s caused by this:

.accordion :target h2::after {
content: url(open.png);
position: absolute;
right: 10px;
top: 0;
}

That file is missing anyway, so might as well just delete that code.

[hantaah]

@ronpat

I think the border hantaah is referring to is the 1px gray square border in the vicinity of the image on the left of this screenshot. It can occur in any of the boxes. For the record, it’s 248px wide. I can’t find anything that resembles that shape or area. It usually shows up but not always.

yep that’s correct

[hantaah]

@ralph_m

Hm, I see. After some digging, I see it’s caused by this:

.accordion :target h2::after {
content: url(open.png);
position: absolute;
right: 10px;
top: 0;
}

That file is missing anyway, so might as well just delete that code.

ok deleted it and is gone now. Thank you very much!!!

[ralphm]

No probs. Glad to help.