YearwoodGraphicDesign 35 Share Posted July 4, 2019 (edited) 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? Edited July 4, 2019 by bookaholic98 Initial Revision Link to post
paul2009 29,757 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. Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include™. Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links. Link to post
YearwoodGraphicDesign 35 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 post
alexbusk 0 Solution 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 post
YearwoodGraphicDesign 35 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 post
alexbusk 0 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 post
alexbusk 0 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 post
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment