Ignores border setting

Installed the plug in. Activated it. Now how do I use it to add a 1px black border to an image?

I’m getting a gray border around all my images since the 3.9 update. I’ve tried setting the border to 0 (default), it still shows the gray border (appears to be about 2px.) I did try changing it to 1px and the color white as kelley suggested, but the gray border still appears.

Thanks for any feedback.

Hillary

I ended up using a 2 pixel border and the color white to make it disappear. Seems that the 2 pixel white is as large as the existing grey box and covers it.

Here the same problem, border = 0. Still it shows a grey (default) border.

wp 3.9 installed

Same problem for me with wp3.9

Solved it with the Plugin – Advanced Image Styles. Set the image width to 2 and the color #ffffff.

@hilmil you solved a theme issue with a plugin. You wouldn’t need that plugin if you go into your theme’s CSS file and locate the following.

.entry-content img, .child-page img {
border: 4px solid #E3E3E3;
margin: 5px 0;
}

That’s what it looks like now. Your theme is putting a 4 pixel border around each image on your front page with the color of E3E3E3 which is grey. If you don’t want the theme to add a border, change 4px to 0. Alternatively, you can change the color as well by changing the #E3E3E3 to a different color code.

Thanks Jeff,

I’m having trouble finding the code you suggested within my theme’s CSS file. I’m using the Graphene Theme child theme.

First checked the child theme’s style.css. Then checked the child’s custom style box with Graphene’s Theme Options/Display. It’s not in either place.

Hillary

It’s in your theme’s Style.css file. If you copy and paste the code I gave you into your Child Theme CSS File, that should override whatever is set in your parent theme.

Thanks! That did the trick. Saved me having to use the plugin which forced me edit every post .

Hillary and Kelley,
Version 0.2 of the plugin changes how the border width is handled so that it is now possible set the width to 0, which will override a border that is set in the theme.

Hello,

I have the same issue. Thanks to Jeff’s post I managed to remove box shadows/borders around the images including my header banner. But I only need to remove one image’s shadow on my homepage (happy with my header border). Please check “www.sir-mar.com” How can I remove shadows from only the image(2 people wearing white lab coats) on the link?
My theme is 2012 and the code in style.css is as follows:
Thanks in advance.

img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

@gregory

I discovered that another plugin was causing the new advanced visual editor not to appear for me. After removing the plugin, the elements of the advanced visual editor appear, and I’m able to see the edit “pencil,” the “x” delete and am able to get to the advanced editing options. These are not working for me.

I have installed the Advanced Images Styles plugin to assist. It is activated, but it also is not appearing when in visual editing mode.

Can you assist? (Please note, this is a development site, so I’m not able to send a link; although, I can provide a login for you with a redirect to view only mode if you prefer.)

Thanks so much for your help,
Kimberly