How do I remove the border around an image?
-
I put in a clip-art divider, but there’s a border around the image. How do I remove it? It’s not on the original image; it looks like WordPress has added it. Thanks for your help!
The blog I need help with is: (visible only to logged in users)
-
The border is automatically added in by the theme Matala. If you would like to keep the Matala theme, but would prefer to remove the image border, there are two main methods:
1) You can purchase the Premium bundle and use CSS, which is like custom styling. You can read more about the Premium bundle here:
For this method, one CSS code would remove the border from all images on your site.
2) You can add the following text to your image code within the Text Editor:
style="border: 0px solid #000000; background: #fff;"For example, when you click over into the Text Editor of a page, you will see something like this:
<img class="aligncenter wp-image-8472 size-medium" style="border: 0px solid #000000; background: #fff;" src="LONG URL" alt="unsplash_52403df6209f9_1" width="300" height="199" />You would need to place the style code in the text like in that example. You would need to apply this method for every image you insert into your site.
The other option would be to switch to a different theme that doesn’t have image borders by default. Would you be up for that?
-
Thanks for your response, Jeremy!
I’ll add the code you mentioned to the Text view.
My client likes the Matala theme, so we’ll stick with that.
Thanks again!
-
- The topic ‘How do I remove the border around an image?’ is closed to new replies.
WordPress.com Forums 