Remove Gray Border on Origin Theme

kakabeautyblogg · Member · May 19, 2012 at 12:37 pm
Copy link

Add topic to favorites
Hi can some one please help me!

I am using the Origin Theme and my Blog is http://www.kakabeautyblog.com (It is a wordpress.com blog)

How do I remove the grey boxes around all the photos in my posts? I use an image to sign my posts but the grey box around it makes it look really silly!

example here:http://kakabeautyblog.com/2012/05/18/gone-mad-for-jewellery-accessories/

Please help me, all this technical terms about CSS and coding is blowing my mind! :(

Thanks Guys!

Kamen

The blog I need help with is: (visible only to logged in users)
justpi · Member · May 20, 2012 at 12:41 am
Copy link
To get rid of the border you need to switch the editor to HTML and turn this:
<img class=[ETC ETC]

to this:
<img style="border:none;" class=[ETC ETC]

You also need to make the image non-clickable. See here:

Uploading and inserting images: the three (plus one) link options
kakabeautyblogg · Member · May 20, 2012 at 1:37 am
Copy link
Bingo! Thank you! That worked a treat!

Is there a way that can change this across the whole blog? So that I don’t have to do this everytime I post?

Thanks!
justpi · Member · May 20, 2012 at 10:57 am
Copy link
You’re welcome.
You can’t do this once for all unless you buy the Custom Design upgrade.
designsimply · Member · May 22, 2012 at 3:57 am
Copy link
You can try the Custom Design upgrade any time before buying by using the Preview button on the Appearance → Custom Design → CSS page. This example would remove all gray borders around all images in the Origin theme:
```
.hentry img,
.entry-content img,
.widget img {
	border: none;
}
```
You could adjust the selectors if you wanted to keep borders for just images in widgets or make other adjustments as necessary.
kakabeautyblogg · Member · May 22, 2012 at 6:34 am
Copy link
OMG! Thanks so much! This forum has been sooo helpful!

Borders on blog has now all disappeared! Amazing! :)

Thanks soo much!

No items found.