Full Width Scroll Block (7.1 Version)


Description

Make the scroll block full width on any page section. This plugin uses css editor and works with Squarespace 7.1.


How To Install

Add a Scroll Block to any page section. Make sure the Scroll Block is alone in this section – do not add any additional blocks.

Set the page section’s settings to the following:

  • Section Height: 10

  • Content Width: Large

  • Content Alignment: Middle

Once the page is saved, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Full Width Scroll Block - 7.1 //

section[data-section-id="1234"] {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
    .content-wrapper  {
      padding: auto !important;
      margin: 0px auto;
      display: contents;
  }}

Replace [data-section-id="1234"] with your page section’s ID. This will make the page section full width, resulting in the Scroll Block being full width as well.

Use this free Google Chrome Extension to find the ID.


Customize

You can adjust the Scroll Block’s font size, padding, speed, and other styles right within the Scroll Block’s design settings.


Previous
Previous

Solid Underline Newsletter Block

Next
Next

Full Underline Newsletter Block Style