Strange Behavior. Border appears around featured image.

Hi @khurtwilliams Can’t see the images, Flickr says I don’t have permission.

But anyway, after visiting the page, the cause of your problem is that your theme already has styles defined for the <figure> tag, so when the plugin adds it around the featured image, they show up. Try to cancel this styles in the css of your theme (if its a child) or look if your theme allows you to add additional CSS styles (look in “Appearance”). i.e.:

figure.wp-caption.featured
{
background:transparent;
border:0;
padding:0;
}

That would eliminate the white border. Also, there are some additional styles you may want to add (as your theme is already using the featured image as background of the header and it looks strange:

figure.featured figcaption.wp-caption-text {line-height: 1.9;}
figure.wp-caption.featured {margin:0;}

From that, you can fine tune the css to fit your needs.

Note that the plugin only adds the necessary tags to create the intended structure but does not add any styling. While in most themes that should produce an acceptable result, some adjustments may be required to make (like in this case) to make it look better. That’s out of the scope of this plugin (it’s just not possible to make it right for every existing theme)

Hope that helped you, and thanks for using the plugin.

• This reply was modified 6 years, 5 months ago by fesomia.

@fesomia, sorry about the images. I changed the permission so that they are viewable.

I will take a look at the CSS in the theme. Thank you for your help.