I would like to have images on my post without any border. I have edited, in the following way, the codes in style.css file. 

img, a img {
/*  border: solid 1px #969696; */
  padding: 1px;
}
a:hover img {
/*  border: solid 1px #DCDCDC; */
}

But that doesn't work. I assume that its because I am using custom.css file to override the default style.css file. So, I have added the following on the custom.css file:

img, a img {
  padding: 1px;
}
a:hover img {
}

Still, I see the border in images. Please see it here http://www.stattalk.org/content/latex-equation-drupal-blog
There are a few latex-generated GIF images on this page, all of which has border and this doesn't look good.

To be sure that its not because of the latex generated image, I've uploaded an image (purely white without any border) and found that it still puts border when I view it.

Please suggest. Thanks.

Comments

hswong3i’s picture

hswong3i commented

Try this and reset the style in your custom.css:

img, a img {
  border: none;
  padding: 0;
}
a:hover img {
  border: none;
}
stattler’s picture

stattler commented

Thanks! It worked.

hswong3i’s picture

hswong3i commented
Assigned: Unassigned » hswong3i
Status: Active » Fixed
hswong3i’s picture

hswong3i commented

Already add sample to custom.example.css.

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.