Changing the max-width of a snippet block
Setting a maximum width
By default the width of the snippet blocks attempt to stretch to the full width of the content area, but you can set a max-width to restrict how wide it goes.
You can set a max-width within the Style Modals spacing tab.
Why max-width and not width?
With content needing to work on mobile, setting a fixed width property could cause issues.
How to set a max-width
You can drag-resize the content by clicking and dragging the handle that appears in the right of the snippet block when selected.
You can set also a specific max-width by clicking the RED COG ICON which will launch the style modal. From there select a value from the MAX WIDTH dropdown on the properties tab.
Aligning the snippet block
By default the snippet will be left-aligned, but you can center the snippet via the STYLE EDITOR as needed.
When a snippet block has a custom max-width set, an alignment option will be available on the propoerties tab.
The snippet block is now set to align center.
More From This Section
FAQ Topics
Building your site
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Products
- Product Options
- Layout and Formatting
- Payment Options
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Rental, Booking and Appointment Systems
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- Point of Sale (POS)
- Reports
- Orders / Invoices
Email & Membership
- Member Management
- Members Pages / Template Customisations
- From Addresses and Reply To Email Notifications
- Global Enquiry form options
- Standard Field Names
- Webmail
- Bulk Email
- CRM Features
- Email Campaigns
- Forums & Blogs
- Pop3/Imap Email Services
- Scams and Hoaxes
- Lead Magnets / Growing Your Customer Database
- Form Spam Filtering
