Auto Layouts on Squarespace
TL;DR:
- Auto layouts automatically arrange content in rows, columns, carousels, or slideshows
- Perfect for regularly updated content like product images and team bios
- Different layouts can be customized for text, images, or both
- Editing tools give you flexibility in design, text, and button customization
- Not interchangeable with gallery sections, which are image-focused
Auto layouts streamline how content is displayed on your Squarespace site. They're particularly useful when you need to display information that changes regularly, like team members or product listings.
How to Add an Auto Layout Section
To add an auto layout that includes both text and images:
- Click Edit on your page, then select Add Section
- Choose from options like People, Services, or Testimonials
- Select a layout marked with an i icon to ensure it supports auto adjustments
Customizing Content Display
Adjusting what shows in your section is straightforward:
For the entire section: Toggle options for showing a title or a button at the section's bottom.
For individual items: You can choose to display images, titles, body text, or buttons. Note that settings apply uniformly across all items in the section.
Managing Items
To add or edit items, hover over the section, click Edit Content, then go to Content. Here, you can add, delete, or rearrange items using simple drag-and-drop.
Adjusting Design and Layout
Changing the design of your auto layout section can dramatically affect its appearance:
Navigate to Design in the Edit Content menu to switch between a simple list, a banner slideshow, or a carousel format. Each layout has its settings for image cropping, text size, and spacing which can be customized further in the Style and Size & Space tabs.
FAQs
Can I switch from an auto layout to a gallery section?
No, auto layouts and gallery sections are designed separately to cater to different content types and cannot be switched.
How do I resize text in an auto layout section?
You can resize text by navigating to the Design tab, clicking Style, and then adjusting the font size under Text Size settings.
Are auto layouts responsive on mobile devices?
Yes, they adapt to fit mobile screens, but some layout-specific features like navigation arrows might display differently.
Jargon Buster
Auto Layouts: Automated content arrangement tools in Squarespace that organize text and images dynamically.
Gallery Section: A Squarespace feature focused solely on image display, ideal for portfolios and galleries.
Site Styles: The control panel in Squarespace where you can adjust the overall aesthetic settings like colors and fonts.
Summary Blocks: Tools used to pull and display existing collection items or content on your site in a summarized form.
Wrap-up
Auto layouts on Squarespace enhance how you present and manage content, making regular updates and customization much easier. With a variety of layout options and straightforward editing tools, you can ensure your site remains dynamic and engaging. Each section can be tailored to meet your site's specific needs, contributing to its overall appeal and functionality.
Ready to take your Squarespace skills to the next level? Join the Pixelhaze Academy for comprehensive training and support.