how to border images in product content
-
Can you tell me if there is a way to add a border to the image in the product content section?
best regards,
Attachments:
You must be
logged in to view attached files.
Hello,
When you add an image, click on the “Text” tab (instead of “Visual”) in the editor and wrap your image with a small inline CSS code like this:
<img src="IMAGE-URL" style="border: 2px solid #000000;" alt="Product Image" />
Alternatively, when inserting the image:
- Click on the image in the Visual editor.
- Click the Edit (pencil icon).
- In the Advanced Options, you can add a CSS Class, like border-image.
- Then you can add this custom CSS to your site:
.border-image {
border: 2px solid #000000 !important;
}
Best Regards,
I did the action of clicking on the image -> clicking the pencil icon -> pasting your code in the ‘css image class’ section but it didn’t work
Attachments:
You must be
logged in to view attached files.
Hello,
Sorry to hear about the inconvenience. Kindly please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and give you a possible solution.
Best Regards,
Hello,
Please review the product “iPhone 16 Pro Max”.
I’ve added a border to the first image by applying a custom CSS class through the advanced settings, and I also inserted the code in the theme settings under “Custom CSS.” Kindly check your site to verify the issue.
Best Regards,
.
