remove image border

Have you been making edits to any other file (other than style.css)?

no, I’ve just been working in the “editor” section on the wordpress dashboard where all of the css info is. I’m not too experienced with code and am not a developer by any means, so I’m not entirely sure what I’m doing!

In that case you may want to install this CSS Manager plugin and instead use its section of the dashboard to hold your CSS modifications.

Otherwise your modifications may be erased when the theme updates.

If you can’t remember or identify which particular style(s) you changed in the style.css file, use a service like Diffchecker to spot-the-difference between the theme’s original style.css file and your style.css file.

Once you find differences you can just copy and paste them into your Custom CSS Manager part of the dashboard.

Thanks, Andrew I am going to go and install those plugins! However I am still unable to find the section of code I would need to edit in order to get the border to go away. I’ve successfully changed font faces/colors, but this one is alluding me!

Do you have Google Chrome or Firefox?

Safari. Oh, and I seem to have fixed it! Thank you so much for your help!!

Hi Karolinez,

I am having the same issue. Can you share how you managed to remove the image border?

Thanks

Hi @rasquared,
To remove the border around the images, you need to set the CSS to

img.alignleft,
img.aligncenter,
img.alignright {
	border: none;
}

You can add this to your custom CSS if you are using a plugin like Andrew suggested, or Jetpack also has a CSS editor.

Otherwise you can also make a child theme. Here’s an example of a child theme
https://www.bluelimemedia.com/2012/09/22/mon-cahier-child-theme/

Thank-you Christine. I did as you suggested and the border is now gone.

Btw, your theme is really cool!

Great. Thanks for the update and the compliment.

Hi! I changed the theme on my website to Mon Cahier, but I am having trouble removing the borders around the images. I used the child theme, and a code, but if you check out https://www.cultiv8health.com, you will see that almost all pictures still have a black border around them, including the “meet the author” photo. I would appreciate any help. Thanks!

Just looking at the CSS of your child theme here – https://cultiv8health.com/wp-content/themes/cultiv8healththeme/style.css?ver=3.5.1

I don’t see the CSS for removing the border images.

If you add the code supplied above that should do the trick.

Hi Christine! Thank you so much for replying.
I added the code, but the borders still show. Am I missing a { or something? Thanks!

The image on your homepage with the PLANS no longer has a border, but I see that the other ones do.

Try adding this:

.wp-caption {
border: none;
}

That should take care of the images with captions as well.

Thank you SO much, Christine! It worked ??
I switched themes because Mon Cahier is so clean and prett. Thanks for the design and prompt replies.