Jump to content


  • Posts

  • Joined

  • Last visited

Community Answers

  1. slcollins's post in Add a vertical scroll to a really long image within a shorter image block was marked as the answer   
    Thank you for responding. It was not an updating issue. After much digging I removed the word "only" from the @media code and things are now working. In case anyone else needs this here is the process that I used.
    I am using 7.1, but for this page, I clicked on the "Looking for sections built with our classic editor" then selected image. I placed my image into the image block with the entire image length visible. I used "Find Squarespace Ids" to to find the block# then I used this code.
    //----Image with Vertical Scroll
      max-width: 100%;
      padding: 0px;
      height: 700px;
      overflow-y: scroll;
      border: 1px solid #ddd;
      @media screen and (max-width: 640px)     {max-width: 100%!important;
       margin: 30px!important;
       padding: 0px!important;
       height: 500px!important;
    //----Customize Scrollbar Track Color
    #block-245de0e6717df7e66b72::-webkit-scrollbar {
     width: 8px;
    //----Customize Scrollbar Track Color
    #block-245de0e6717df7e66b72::-webkit-scrollbar-track {
     background: #f4f4f4;
     border-left:1px solid #ddd
    //----Customize Scrollbar Thumb Color
    #block-245de0e6717df7e66b72::-webkit-scrollbar-thumb {
     background-color: #3E5577;
     border-radius: 1rem;

  • 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.