Home Forums WoodMart support forum how to border images in product content

how to border images in product content

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #656792

    dhndigitalmarketing
    Participant

    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.
    #656827

    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,

    #656832

    dhndigitalmarketing
    Participant

    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.
    #656836

    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,

Viewing 4 posts - 1 through 4 (of 4 total)