#Squarespace text blocks merging professional

ItвЂ™s important to know that some spacer blocks are hidden when your Squarespace 7.0 or 7.1 website is viewed on mobile. Before you make any mobile-specific changes to your site, youвЂ™ll want to get that sorted out first. If youвЂ™ve set it up another way, you may see your content appear in the incorrect order on mobile. If youвЂ™ve set up your column layout as described above, then the content within each column will stay together. Squarespace automatically makes adjustments to the layout of your website when itвЂ™s viewed in a smaller browser window like on tablets or phones.

Trick #4: How Spacer Blocks Appear on Mobile So, 2, 3, 4, 6, or of course 12 equal-width columns are possible, though those 12 columns would be pretty dang skinny. What does this mean? Well, it means that in order to have equal columns, the number of columns must be divisible by 12. Squarespace is based on a 12-column grid system. You can use spacer blocks to create custom grid layouts in Squarespace.

#Squarespace text blocks merging professional

Trick #3: Create Custom Column Layouts with the Spacer BlockДЄdding white space to your Squarespace website with spacer blocks is important for creating that professional look you want, but spacer blocks are capable of so much more.

Scroll down to the section named вЂњIndex: PageвЂќ and adjust the pixel slider for вЂњPadding (Overlay Pages)вЂќ in order to achieve the space you need. Navigate to Design > Site Styles, and click on your banner image. If you are working in a Squarespace 7.0 template that doesnвЂ™t allow spacer blocks on top of banner images.

The first one doesnвЂ™t use any spacer blocks, and the second uses a few spacers above and below the content.