WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to remove image border in pages. (7 posts)

  1. derblauereiter
    Member
    Posted 7 years ago #

    Hello. I have a K2 wordpress blog at
    http://halcyonrealms.com

    and have created several pages ie about, archives.

    My question is this : Whenever I place an image on these pages they come with an ugly white border which I would like removed, but have no idea where to edit its attributes. I have tried inserting "border=0" in the image src but to no effect.

    Can any one please help me with this ? Thank you so much.

    ps here is the page with the image and problem :

    http://halcyonrealms.com/store

  2. Jeremy Clark
    Moderator
    Posted 7 years ago #

    Look in your stytle sheet for this code

    .entry-content img{
    border: 1px solid #CCCCCC;

    Just delete this line
    border:1px solid #CCCCCC;

  3. Samuel Wood (Otto)
    Tech Ninja
    Posted 7 years ago #

    In your CSS, you'll find this:

    .entry-content img {
    	margin: 0 5px;
    	padding: 4px;
    	border: 1px solid #ccc;
    	max-width: 100%;
    	}

    That is what is adding the border.

  4. nadglobtrotter
    Member
    Posted 7 years ago #

    Hello derblauereiter,

    It looks like the border is defined in your theme's styles (css). In your WP admin panel go to Presentation>Theme Editor and choose in the menu on the right "Stylesheet". Then in the document find the following :

    .entry-content img {
    border:1px solid #CCCCCC;
    margin:0pt 5px;
    max-width:100%;
    padding:4px;
    }

    and change the border attributes to none, as following :
    border : none;

    Save changes, and it should look good.
    Nad├Ęge

  5. derblauereiter
    Member
    Posted 7 years ago #

    Hello guys, it worked beautifully. Thank you so much for the help !

  6. arcanumy
    Member
    Posted 6 years ago #

    Wish it worked for me. I'm trying to eliminate the border around the Seesmic video comment plug in and despite a couple of hours playing with style sheet I cannot get it to go away.

    I don't seem to have the styles referenced above in my template (pSimple by http://www.paggu.com/)

    See what I mean on this post: http://www.astrangeweb.net/2008/05/14/overstock-drops-new-york-affiliates/

    Help appreciated...pulling my hair out.

  7. Ivovic
    Member
    Posted 6 years ago #

    that stupid plugin adds its own stylesheet.

    You'll find it in:
    /wp-content/plugins/seesmic-wp-plugin/seesmic-wp-plugin.css

    I'm sure it only has a few styles in there, so you should be able to change them easily.

    A lot of plugins do this, so it always pays to check the plugin directory for any CSS files.

    BTW, bumping 11 month old threads to post something only very loosely related, probably isn't the best idea. Especially ones marked RESOLVED.

Topic Closed

This topic has been closed to new replies.

About this Topic