Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


michael2019

Question

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

Top Posters For This Question

Top Posters For This Question

Posted Images

8 answers to this question

Recommended Posts

  • 0

Remove your code, try this code

div#block-yui_3_17_2_1_1603233315677_13298 .image-block-wrapper {
    padding: 0;
    border-radius: 100% !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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