karenyc

Sorry Ziggy,
Try password:kimfoster
page: HOME-OLD

And the page is HOME-OLD1

password: hellocoffee

https://pear-bassoon-tces.squarespace.com/config/pages/website-tools/custom-css


Is this all you need?
I am just wondering why the font "modernline" is not rendering. 
THANK YOU!
 

Thanks for trying. Ugh. I wonder if its the font? This is an easy one, so I have no idea why its not working.

Hi!
This SHOULD be an easy one, and I have done this loads of times. But possibly not as an h5
Any clue why this custom font might not be loading? 

 

@font-face {
font-family: 'modernline';
url(https://static1.squarespace.com/static/63d9875f1904c9162c99cb62/t/650474b0c29e424331d915a2/1694790832439/modernline.woff),
url(https://static1.squarespace.com/static/63d9875f1904c9162c99cb62/t/650474a09dfbfc146915029f/1694790816570/modernline.otf),
url(https://static1.squarespace.com/static/63d9875f1904c9162c99cb62/t/65047470f7c0f1448a37bcf6/1694790768275/modernline.ttf),
}

h5 {
font-family: 'modernline' !important;
}
 

Sorry, I just had to rebuild it, but it works now 😞

Site URL: https://www.snowbabyice.com/

Hi!

My website is https://www.snowbabyice.com/

All of a sudden the ice cream image is not showing the image full height on the image card. It is funny, since it was always full height before. Did SS do something funny? THANK YOU in advance. I have no idea what to do.

It is on 7.0.

Here is the css I am using:
/full width image card/
#homedessert {
  .Index-page-content {
    padding: 0px!important; 
    max-width: 100%;
    .sqs-block.image-block {
      padding: 0px!important;
    }
    .image-inset.content-fit {
      height: 100%!important;
    }
    .design-layout-card img {
      height: 100%!important;
      object-fit: cover;
      -o-object-fit: cover;
    }
    @media screen and (max-width: 640px) {
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width) {
        display: block;
      }
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width)>div:first-child {
        width: 100%!important;
      }
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper {
        position: relative;
        width: 100%!important;
      }}}}