Jump to content

Rounded Images Problem

Recommended Posts

Site URL: https://www.gesihospitality.com/mobile-access

I am having a problem when trying to have a circle image on hover.

#page-section-5e8f5275daec68064fc52d42 .image-block:hover {
  filter: drop-shadow(5px 5px 8px #000000);
  border-radius: 50%;
}

@tuanphan I've looked at a lot of your answers/solutions to this but none of the solutions are working for me. No matter what i try, I can't get the image to be a circle on hover. 

Link to comment
  • Replies 7
  • Views 776
  • Created
  • Last Reply

@ryandejaegher Thank you for your reply Ryan.

That is what I thought as well but in a Square Space tutorial on how to crop images into a circle (https://www.youtube.com/watch?v=1s41ZGprPLM), the images that were loaded were square originally and the border-radius code made them circles.

I will give this a try later and give an update. 

I've tried the border radius code in other sections of the website but it seems to do nothing.

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.