Jump to content

My image isn't showing a full circle and is getting cut off

Recommended Posts

Site URL: https://sawfish-lemon-adeb.squarespace.com/fees-and-coverage

I am trying to make one of my images  a full circle, but for some reason on the left side it is getting off. I set the image crop to 1:1 and used the below code. I also deleted the image and re-uploaded it a few times, but it didn't work.

#block-yui_3_17_2_1_1603233315677_13298 img {
      border-radius: 50% !important;

Website info:

https://sawfish-lemon-adeb.squarespace.com/fees-and-coverage

PW: 38b9HJ8j

Any ideas?

Link to comment
  • Replies 8
  • Views 3.1k
  • Created
  • Last Reply

Top Posters In This Topic

  • 10 months later...
13 hours ago, nwatkins said:

@tuanphan Can you please help me with my site? My image is partially getting cut off on the radius. Here's my code: 

#block-yui_3_17_2_1_1630454751537_9796 img{
    border-radius: 10% !important;
}
 Here's the page: https://www.nickwatkinsdesign.com/contact

Hi,

It looks fine. Can you explain in more detail?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 9/16/2021 at 11:54 PM, nwatkins said:

Some or all of the corners are getting cut off a little bit, it's not a smooth corner. Here's a photo below: 

See how the top part of the rounded corner has a little edge to it? Let me know if theres a way to fix that, thanks!

Screen Shot 2021-09-16 at 9.52.43 AM.png

Try this new code

#block-yui_3_17_2_1_1630454751537_9796 img {
    border-radius: 10% !important;
    top: 0 !important;
    height: auto !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.