BrookeP Posted January 17, 2022 Share Posted January 17, 2022 (edited) Site URL: https://oleander-round-6gnb.squarespace.com/ I've applied a small border around some images of the site (Brine template) using CSS and they look fine in the editor window. However, when I view the site live/refresh, some of the borders are showing up incomplete - for example, maybe the top of the image not having a border, or the right side not having a border, while the other sides do. I've attached screenshots as examples. The code I've applied (and used on many other sites) is below: #BLOCK-ID img { border: 1px solid #000000;} I've tried including '!important;' as well for specific ones that aren't working, but no success. If anyone could provide insight as to what may be causing this issue I would really appreciate it! I've never had this issue before and it's driving me nuts. Site password: kassandra Thank you! Edited January 17, 2022 by BrookeP Link to comment
Solution tuanphan Posted January 19, 2022 Solution Share Posted January 19, 2022 Use this code #BLOCK-ID { img { border: 1px solid #000000; } .has-aspect-ratio { overflow: visible !important; } .image-block-wrapper { overflow: visible !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
BrookeP Posted January 19, 2022 Author Share Posted January 19, 2022 2 hours ago, tuanphan said: Use this code #BLOCK-ID { img { border: 1px solid #000000; } .has-aspect-ratio { overflow: visible !important; } .image-block-wrapper { overflow: visible !important; } } @tuanphan This did the trick!!! Thank you so much it was driving me crazy. Appreciate the help!! Link to comment
jennifermorgancreative Posted March 22, 2022 Share Posted March 22, 2022 @tuanphan I'm having the same issue but with 7.1. I am hoping for this change to effect all Stack Images site-wide. Any suggestions? Site URL: https://robin-parrot-dmka.squarespace.com/ Password: properpaws123 Link to comment
jennifermorgancreative Posted March 23, 2022 Share Posted March 23, 2022 @tuanphan PS - I got this code to work temporarily but my OCD eyes see a little bit of image coming out of the sides (even though no one else would likely notice it). .sqs-block-image .design-layout-stack .intrinsic img {width: 99% !important; } I'm sure this isn't the best solution, but it works for the moment! Link to comment
tuanphan Posted March 24, 2022 Share Posted March 24, 2022 On 3/23/2022 at 8:24 AM, jennifermorgancreative said: @tuanphan PS - I got this code to work temporarily but my OCD eyes see a little bit of image coming out of the sides (even though no one else would likely notice it). .sqs-block-image .design-layout-stack .intrinsic img {width: 99% !important; } I'm sure this isn't the best solution, but it works for the moment! I see it is fine. Can you take a screenshot of problem? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment