Jump to content

Image card | CSS not working

Recommended Posts

Site URL: https://gold-orca-rg9s.squarespace.com/config/design

So I found this custom CSS; but what happens is the image disappears....what is missing?
Concerns the individual pages behind each round logo on front page...
PW= ANTERO2022

.sqs-block-image .design-layout-collage .image-card-wrapper {border:3px solid #F2BA40;}

.sqs-block-image .design-layout-collage .image-card{background:transparent!important; margin-bottom: 5%}

.sqs-block-image .design-layout-collage .intrinsic img { z-index:999!important; position:absolute!important; transform:scale(0.85)!important; }

blockquote {
    border:3px solid;
      border-color: #F2BA40;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

Link to comment

No. IF you click on any of the round logos you will get to the pages this concerns.

The idea is that there would be a gold frame (which is there now) around the text, and the image in the back which does not display. I got this code from Insidethesquare, but it does not seem to work.

Link to comment
On 3/29/2022 at 7:34 PM, JakeLake said:

No. IF you click on any of the round logos you will get to the pages this concerns.

The idea is that there would be a gold frame (which is there now) around the text, and the image in the back which does not display. I got this code from Insidethesquare, but it does not seem to work.

Because this attribute make image disappear (default is position: static !important;)

Quote

position:absolute!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

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.