PEARLERwork Posted October 28, 2022 Share Posted October 28, 2022 (edited) https://emu-frog-srar.squarespace.com/ A client is using my template, but for some reason on a summary block on the homepage, the borders and border radius is only applying to the 1st and 3rd product image. When I deleted the block and added a new one, the borders applied to the 1st, 2nd, and not the 3rd. Very strange! Any help appreciated. Edited October 28, 2022 by PEARLERwork 𝓚𝓪𝓽𝓲𝓮 ✦✦ ⓅⒺⒶⓇⓁⒺⓇ.ⓌⓄⓇⓀ ➸ Link to comment
Caroline_Smith Posted October 28, 2022 Share Posted October 28, 2022 By using DevTools, I was able to find that the image in the middle is larger than it's wrapper, so the CSS is being applied, but because it is larger than the container, it is just not showing. Instead of applying the bordering around the <img> element, apply the bordering CSS to it's parent element, ".summary-thumbnail img-wrapper". I pasted the CSS below: .summary-thumbnail img-wrapper { border: 2px solid !important; border-color: inherit !important; border-radius: 12px; } tuanphan 1 Feel free to email me with any customization inquiries or questions you may have! Free Squarespace Resources: DevTools Minicourse, 11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator 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