Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Building Business Websites with Squarespace 7: RAW

You're reading from   Building Business Websites with Squarespace 7: RAW Master the tools and techniques of using Squarespace to create professional websites

Arrow left icon
Product type Paperback
Published in Apr 2015
Publisher
ISBN-13 9781783559961
Length 392 pages
Edition 1st Edition
Languages
Concepts
Arrow right icon
Toc

Table of Contents (16) Chapters Close

Preface 1. Setting Up for Success – Your Website Toolkit FREE CHAPTER 2. Getting Started with Squarespace 3. Working with Squarespace Templates 4. Creating Your Site Framework: Pages, Items, Collections, and Navigation 5. Adding, Editing, and Arranging Content in Your Web Pages 6. Using Blocks to Add Functionality, Rich Media, and Special Features 7. Selling Online or Taking Donations with Squarespace Commerce 8. Tailoring Your Site's Look and Feel 9. Going Live with Your Website and Driving Traffic to It 10. Managing Your Squarespace Website 11. Moving beyond Standard Squarespace Tools A. Getting Help with Squarespace B. Squarespace Templates in a Nutshell
C. List of Online Resources Used in This Book
Index

Arranging blocks on the page


Now that you have a few blocks on your page, it's a good time to introduce one of the most powerful and easy-to-use browser-based web design tools available on the Internet: the Squarespace LayoutEngine. LayoutEngine allows you to change the size and position of blocks simply by clicking, dragging, and dropping the blocks directly in the page itself.

When adding blocks, the default behavior is for all blocks to stretch to fit the full width of the page. This results in lots of horizontal blocks stacked vertically on top of one another. Using LayoutEngine, you can change the layout of pages so that blocks appear side by side in columns, have text wrapping around images or other types of blocks, or add spacing between blocks to create a more open and airy feeling on the page.

Moving a block to another position on the page

Follow these steps to move a block to another position:

  1. Hover your mouse over the block, and you will see a pale gray border around the block.

  2. Move...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime