Jump to content

Reducing Mobile Blog Summary Block Size

Go to solution Solved by PivotAmy,

Recommended Posts

Posted

Hey all,

I am trying to decrease the size of two blog summary blocks on mobile with the following CSS:

@media (max-width: 640px) {
  .fe-6393883df61d0ae775ad84ee {
    grid-template-rows: repeat(5,minmax(24px, auto));
}
}

This is successful when I have the CSS editor open, but the changes aren't applied once I leave the CSS editor, leading me to believe that there is some kind of error. I want to decrease the size of the blocks as well as the distance between them once the size is decreased. Can anyone see why this might not be working?

  • Replies 1
  • Views 253
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution
Posted

Update for anyone who has working CSS code that is not posting to the site after you close the editor: I just added !important after the grid-template-rows phrase so that this would override the block's existing CSS.

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.