Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 23, 2024 at 7:25 am #1469663
    ezimbron

    Hello.

    I’ve seen it’s possible to obtain rounded corners on div boxes using Enfold ratio tools.

    I need to present pictures with rounded corners, in both using Image function as well as Masonry Gallery.

    Is there any CSS class I may use for an individual tool (one picture element or a specific Masonry Gallery)? Maybe a code that applies this effect globally?

    Thank you in advance.

    October 23, 2024 at 7:37 am #1469665
    Ismael

    Hey Eduardo,

    Thank you for the inquiry.

    You can use this css code to apply rounded corners to the Image and Masonry Gallery element:

    #top .av-inner-masonry {
    border-radius: 20px;
    overflow: hidden;
}

#top .avia-image-container img {
    border-radius: 30px;
}

    Best regards,
    Ismael

    October 24, 2024 at 2:25 am #1469715
    ezimbron

    Thank you very much Ismael. It works great.

    Best regards.

    October 24, 2024 at 5:27 am #1469723
    ezimbron

    Is there any way to apply the same efect to a column background image without border?

    October 24, 2024 at 5:45 am #1469725
    Ismael

    Hi!

    Is there any way to apply the same efect to a column background image without border?

    Yes, this should be possible. Please apply a unique class name (e.g., av-custom-rounded-column) to the column element in the Advanced > Developer Settings > Custom CSS Class field, then add this css code:

    #top .av-custom-rounded-column {
   border-radius: 30px;
   overflow: hidden;
}

    Cheers!
    Ismael

    October 24, 2024 at 6:08 am #1469727
    ezimbron

    Thank you Ismael. It works fine too.

    Regards.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘rounded corners on images’ is closed to new replies.