YearwoodGraphicDesign Posted July 4, 2019 Share Posted July 4, 2019 How do you get images to show fully and correctly? I have images that have boarders around them, and occasionally a different boarder side will decide to disappear. is there something to do about this? Link to comment
paul2009 Posted July 4, 2019 Share Posted July 4, 2019 Squarespace Customer Care should always be your first stop for questions about your site or account. You can reach out to them here. About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
alexbusk Posted July 7, 2019 Share Posted July 7, 2019 Can you share the link to your website, please? Link to comment
YearwoodGraphicDesign Posted July 7, 2019 Author Share Posted July 7, 2019 https://www.jaysimala.com/. The password is jaysimala. This is the part I am having trouble with. the bottom line of this image is not showing. Link to comment
alexbusk Posted July 7, 2019 Share Posted July 7, 2019 Add this code to your Custom CSS section, it should help #block-yui_3_17_2_1_1554480638744_77265 img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain; } Link to comment
YearwoodGraphicDesign Posted July 7, 2019 Author Share Posted July 7, 2019 Thank you! This worked. Does this apply to any images like that? For example the 3 I have at the bottom? Thanks again. Link to comment
alexbusk Posted July 7, 2019 Share Posted July 7, 2019 This is only for the one image you had troubles with if you want to apply it to all images on the website you need to use the following code: .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain; } Link to comment
alexbusk Posted July 7, 2019 Share Posted July 7, 2019 If you want to target only 3 images at the bottom use this code #block-yui_3_17_2_1_1554673554712_99597 + .row img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain; } Link to comment
YearwoodGraphicDesign Posted July 7, 2019 Author Share Posted July 7, 2019 Thank you so much! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.