Why is there a border around my image?
If you have made your image a "clickable link" then a border may appear around it even though that wasn’t part of the original image. Since links are automatically underlined by default, an image that is now a link will automatically be given a border.
If this is not a desirable option, you may remove the border by following these steps:
Note: This is an advanced process and requires previous knowledge of HTML coding.
- Click the Edit icon on the block containing the image.
- On the left panel, click on or in the toolbar of the block, click on the HTML button.
- Your code will look like this:
<a href="http://www.xyz.com/"><img src="/abc.jpg" /></a>
It should be expanded to:
<a href="http://www.xyz.com/"><img src="/abc.jpg" style="border-style: none;" /></a>
OR you can also do this:
<a href="http://www.xyz.com/"><img src="/abc.jpg" border="0" /></a>
- Click Save & Close once the changes have been made.
- When all edits are complete, make sure to click the Save button for the block.
Did this answer your questions?