Rounded corners on images

  • Resolved rappel

    (@rappel)


    1 year, 4 months ago

    Hi, the featured images have rounded corners and it looks well. Is there a way to give all image and gallery blocks on the post content the same radius?

    Thanks and regards,

    r.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author ElmaStudio

    (@elmastudio)

    Yes, you can set all images to have the same border radius (24px or 1.5rem like the Featured Post Images) in the Styles block settings.

    1. Go to Appearance / Editor.
    2. Click on Styles / Edit Styles (little Pencil icon).
    3. Choose Blocks in the right Styles sidebar (see: Customize the appearance of specific blocks for the whole site.)
    4. Choose the Image block and set the Border to the 24px radius.
    5. Save your customization.

    Note: Saving the Image block will automatically add the same border radius to all Images inside Gallery blocks.

    Just let me know if anything is not working as described.

    Thread Starter rappel

    (@rappel)

    Hi Ellen,

    thanks for the to do, it is so easy and works well!

    To the gallery blocks: the round corners are what I wish, but I noticed that there is no space between the individual pictures, they stick together. How do I get some space between the images in a gallery, please?

    Thanks,

    r.

    Theme Author ElmaStudio

    (@elmastudio)

    Thanks so much for your update, I noticed this too when I checked the gallery yesterday, and I’m just working on setting a default gap via theme.json.

    As a solution, right now you can select the Gallery block and find the Dimensions settings under the Styles tab in the Block Settings sidebar. Here you can set the Block Spacing (I would recommend to 24px).

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Rounded corners on images’ is closed to new replies.