Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
bookaholic98

Bottom of images disappearing

Recommended Posts

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 by bookaholic98
Initial Revision

Share this post


Link to post

Squarespace Customer Care should always be your first stop for questions about your site or account. You can reach out to them here.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Expert and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post

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;
}





Share this post


Link to post

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;
   }







Share this post


Link to post

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;
       }


Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...