GalPal1 Posted March 16, 2022 Share Posted March 16, 2022 I'm looking to round the corners of the the index page image blocks but I'm running into difficulty. So far, using the bit of code below, I've gotten the images' corners to round when you hover over them, but I'd like it to be that way even if someone isn't hovering over the image. Code: .index-item.has-item-image { border-radius: 20px !important; } Does anyone have any suggestions on how to make the corners stay rounded without hovering over them? Link to comment
tuanphan Posted March 18, 2022 Share Posted March 18, 2022 Can you share link to page in screenshot? GalPal1 1 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
GalPal1 Posted March 18, 2022 Author Share Posted March 18, 2022 Absolutely! Here is a link to the page: https://www.jadewilburndesign.com/ Link to comment
tuanphan Posted March 21, 2022 Share Posted March 21, 2022 On 3/19/2022 at 6:06 AM, GalPal1 said: Absolutely! Here is a link to the page: https://www.jadewilburndesign.com/ Use this new code .index-item.has-item-image, .index-item.has-item-image>a { border-radius: 20px !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
GalPal1 Posted March 21, 2022 Author Share Posted March 21, 2022 It worked!!! Thank you so so so much for your help!! 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