Setting circular images in image gallery.

[Neha Kalantri]

Hello,

I need the images to be circular rather than sure so i change the css

.lae-gallery-wrap .lae-gallery .lae-gallery-item .lae-project-image img{
border-radius: 50%;
-webkit-transition: none;
transition: none;
}

However, when testing on refreshing the page on chrome it transitions/animates from square to circle.
Can you help with disabling this transition?

[Raghavendra]

Hi – Sorry for the delay in replying. I have been traveling for past couple of days and we could not address this one.

If you have not already figured this out, the transition you see on page load will go away if you have the above custom CSS in the style.css of your child theme. Do not have the same as part of the page (as happens with our Custom CSS tab in settings or with some Custom CSS plugins) since the same will take effect after the page is loaded. Hope this helps.

[Author]

Posts