How to Use Auto-Layout Features in Website Design

How to Use Auto-Layout Features in Website Design

By Michael Turner

December 29, 2024 at 03:05 AM

Auto-layouts offer a flexible way to display content groups like team members, projects, or testimonials in customizable arrangements. Content automatically rearranges based on your settings, making it perfect for frequently updated information.

Add an Auto Layout Section:

  1. Click Edit on the page
  2. Click Add Section
  3. Select People, Services, or Testimonials
  4. Choose a layout with an 'i' symbol

Customize Elements Display:

  • Toggle section elements: Title, Button
  • Toggle individual elements: Image, Title, Body Text, Button Note: Settings apply to all elements within a section

Managing Content:

  1. Click Edit Content > Content
  2. Add new elements or edit existing ones
  3. Reorder using the :: icon
  4. Delete using the trash can icon

Available Layouts:

  • Simple List: Left-to-right row display
  • Banner Slideshow: One item at a time with background image
  • Carousel: Rotating horizontal display

Design Customization:

  • Access via Edit Content > Design
  • Adjust text size, spacing, and image cropping
  • Modify colors through Website Styles
  • Add section dividers for visual separation

Mobile Considerations:

  • Navigation arrows always display on mobile devices
  • Design options may vary between desktop and mobile

Style Settings:

  • Fonts follow global website settings
  • Button designs maintain consistency across the site
  • Text size can be customized within the auto layout settings

Auto-layouts vs Gallery Sections:

  • Auto-layouts: Better for text-heavy content with images
  • Gallery sections: Optimal for image-focused presentations with minimal text

Each layout type preserves its settings, allowing easy switching between different arrangements while maintaining your customizations.

Related Articles

Previous Articles