Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 17, 2025 at 11:32 am #1486924
    AnnemarieDoolin

    Hi Genius’

    I am trying to add rounded corners to an image (see screenshot).
    Screenshot of Desired Look
    I can change the image css but that changes everything globally, i.e.

    img.avia_image {
    padding: 2px 0px 0px 0px;
    border-radius: 25px 25px 0 0 !important;
    }

    I tried adding a class ’rounded’ in the Enfold Child CSS (as below) AND then adding “rounded” in the Advanced – Developer Settings -Custom CSS Class on the image but it didn’t effect the image.

    img.avia_image .rounded {
    padding: 1px;
    border-radius: 25px 25px 0 0 !important;
    }
    Would really appreciate your help,
    Thanks, Annemarie

    July 17, 2025 at 11:40 am #1486926
    Guenni007

    How did you create this image with text underneath?

    See here : https://webers-testseite.de/mie-2/

    July 17, 2025 at 12:19 pm #1486929
    AnnemarieDoolin

    Thank you very much for your help. That worked! :-)

    July 17, 2025 at 9:07 pm #1486941
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Thanks @guenni007 for helping out :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How do I add a class to an image so it has rounded corners’ is closed to new replies.