How to remove image border in pages.

  • Resolved derblauereiter

    (@derblauereiter)


    17 years, 5 months ago

    Hello. I have a K2 wordpress blog at
    https://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 :

    https://halcyonrealms.com/store

Viewing 6 replies - 1 through 6 (of 6 total)

  • Look in your stytle sheet for this code

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

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

    Moderator Samuel Wood (Otto)

    (@otto42)

    www.remarpro.com Admin

    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.

    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

    Thread Starter derblauereiter

    (@derblauereiter)

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

    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 https://www.paggu.com/)

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

    Help appreciated…pulling my hair out.

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove image border in pages.’ is closed to new replies.