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
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

@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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.