In style.css you have:
#single img {
border: 5px solid #333333;
}
Do not change this just add at the end of style.css:
/* Add Style Changes here JC */
#single img {
border: none;
}
I say not to change the original style because if you add the changes at the end they are where you can find and track them, and you can undo and reverse then at any time.
So it is easy to over-ride the styles by adding them at the end of the stylesheet.
You could also just change the width and color.
/* Add Style Changes here JC */
#single img {
border: 2px solid #f1f1f1;
}
HTH
David
thanks, i have it fixed already, just added border: none
to 2 css codes.
but the smileys still have borders….
As the image is in the single class #single img
is over writing the smiley class, so by setting the !important
this should give the smiley class priority.
img.wp-smiley {
border: none !important;
}
BTW: You still have the borders on the home page div.cover img
.
Mark the topic resolved when finished please.
HTH
David
it doesn’t work pls. i only wanted to remove borders from post.. thanks
wow, it worked like magic… the border smileys… thanks
Now, i decided to remove borders from homepage, i followed your guide, but i failed at it.
i do not have
div.cover img
on my css
Sigh, i have been on this all day…
let me just post my entire css here…
[CSS moderated as per the Forum Rules. Please just post a link to your site.]
I really need to remove this tick border from my homepage…
Hi helpful friends
Does anyone know if it is possible to remove the image border on a single post image? Can I do some inline css or how can I fix it if I have a few images that I don’t want the thick border on?
I hope to hear from you guys 🙂
Kind regards,
Helle