[Theme: Codium Extend] How to disable grey bar below images with links?

I’ve noticed this as well. The bar seems to be a result of the <p> surrounding the images. The <p> block extends several pixels below the image which results in a very feint grey bar. It might be a different issue, but this is my first guess.

This can only be observed in Firefox and IE. Chrome does not show the bars.

Humm thanks for pointing this problem I will investigate I think something in style.css must be change

I had the same problem, but I also found the solution. You will have to make some changes to style.css if you want to get rid of it.

The bar is not the result of the <p> surrounding images, but the <a…
link around it, in combination with a bottom-margin of the images.

The gray color you see is the background color of
the link, this is set in the line:

.entry-content a{color:#444;background:#f3f3f3;}

you can change the background color to white to get rid of the gray bar, but this changes the appearance of all your other links too.

The better solution is this:

remove the bottom margin from the images. this is set in the line:

#content img,img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px;max-width: 100%;height: auto; }

simply remove the “margin-bttom:12px;” and the gray bar will dissapear, but your other links will stay intact.

cheers

That fix worked great. Thanks dgonner!