I’m currently using a WordPress theme called Hiero here on my blog and noticed a nagging grey border around every image on the site. This border was present separately between my individual page images, and the thumbnail images on the main page. I messed around a bit before figuring out how to get rid of it. Turns out there is just a small piece of CSS code you need to insert to remove it. Here are the steps to fix it:
- Inside of the WordPress Admin console, navigate to the Appearance section
- Next, select Edit CSS
- In this area, paste the following code into the stylesheet editor and then hit “Save Stylesheet”
To remove the border from the images on the blog posts themselves:
To remove the border from the thumbnail images of the main page:
No more image border.