How do I remove image borders in Thematic? WordPress
- SOLVED
My WP website is built using the Thematic Theme Framework. When I updated to the latest version, [[LINK href="http://wordpress.org/extend/themes/thematic"]]Thematic 0.9.7.7[[/LINK]], borders appeared around all my images. See for example this page: [[LINK href="http://faculty.washington.edu/swelland/research/"]]http://faculty.washington.edu/swelland/research/[[/LINK]]. Here is the html code for the top image on that page: [caption id="" align="alignnone" width="500" caption="Hong Hao, Selected Scriptures: New Political World, silkscreen print, 55 x 76 cm, 1995."]<a title="00044w2010 by Experimental Beijing, on Flickr" href="http://www.flickr.com/photos/experimentalbeijing/4841283931/"><img src="http://farm5.static.flickr.com/4154/4841283931_b4e67fbc63.jpg" alt="00044w2010" width="500" height="266" /></a>[/caption] I don't see borders added here, so I think it is something global going on with the theme. How do I remove these automatically added borders?
Answers (2)
Sébastien | French WordpressDesigner answers:
in images.css at line 35 you have
.wp-caption {
border: 1px solid #CCCCCC;
margin-bottom: 18px;
padding: 9px 5px 0;
text-align: center;
}
remove the line border: 1px solid #CCCCCC;
the file images.css is here :
http://faculty.washington.edu/swelland/wordpress/wp-content/themes/thematic/library/styles/images.css
so in the folder of your theme "thematic", in the folder library, in the folder styles
edit : thax to choice me as winner.
I respond to your question : the problem comes from the caption, you can understand the problem here : [[LINK href="http://wordpress.org/support/topic/10px-added-to-width-in-image-captions"]]http://wordpress.org/support/topic/10px-added-to-width-in-image-captions[[/LINK]]
Send me an email if you need a wordpressexpert :-) maildeseb @ gmail . com
Sasha Welland comments:
Sébastien, Thanks for your answer, which worked perfectly. I will select you as the winner! Can I ask a quick follow up? I notice that now the borders are gone, all of my images are indented slightly, whereas they used to be flush on the left with the header and body text. Where in the images.css should I remove the padding? Merci beaucoup, Sasha
Oleg Butuzov answers:
a img { border:0px !important;}
Oleg Butuzov comments:
.wp-caption {border:0px !important;}
Oleg Butuzov comments:
this rules you can change in the file images.css