Need help? Check out our Support site, then


Remove Gray Border on Origin Theme

  1. kakabeautyblogg
    Member

    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 kakabeautyblog.com.

  2. 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:
    http://wpbtips.wordpress.com/2009/04/26/images-the-three-link-options/

  3. kakabeautyblogg
    Member

    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!

  4. You're welcome.
    You can't do this once for all unless you buy the Custom Design upgrade.

  5. 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.

  6. kakabeautyblogg
    Member

    OMG! Thanks so much! This forum has been sooo helpful!

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

    Thanks soo much!

Topic Closed

This topic has been closed to new replies.

About this Topic