michael2019 Posted October 27, 2020 Share Posted October 27, 2020 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
tuanphan Posted October 28, 2020 Share Posted October 28, 2020 I see fine here. Do you still need help? 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
michael2019 Posted October 28, 2020 Author Share Posted October 28, 2020 (edited) yes please. This is how i am seeing it on my end. The client is seeing the same thing. On the left it seems to be getting cut off a bit. Edited October 28, 2020 by michael2019 removed image for privacy reasons once the issue was solved. Link to comment
tuanphan Posted October 28, 2020 Share Posted October 28, 2020 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. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
michael2019 Posted October 28, 2020 Author Share Posted October 28, 2020 It worked. Thank you so much. Link to comment
nwatkins Posted September 15, 2021 Share Posted September 15, 2021 @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 Link to comment
tuanphan Posted September 16, 2021 Share Posted September 16, 2021 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
nwatkins Posted September 16, 2021 Share Posted September 16, 2021 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! Link to comment
tuanphan Posted September 19, 2021 Share Posted September 19, 2021 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! 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment