Remove Gray Border on Origin Theme

  • Author
    Posts
  • #893596

    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.

    #893773

    justpi
    Member

    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/

    #893776

    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!

    #893818

    justpi
    Member

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

    #893927

    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.

    #893930

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

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

    Thanks soo much!

The topic ‘Remove Gray Border on Origin Theme’ is closed to new replies.