Full width - Stretch across a Column

An Image or object within a Section

Stretch an image or object across the full browser width

  1. Select the image or object you would like to extend the full width of the browser.
  2. Head to the Style tab in the Editing Menu.
  3. Click the Full width toggle. 
  4. Click "Save" to save your changes to the page.
  5. Click "View Live" to see the changes on your page.

Objects set to full width can be re-position vertically but not horizontally. This is because they already span the entire width of the page.


Setting Section Images - Full Width

Set an image to a Section background - Full Width

Set a Section background to a full width image.

  1. Click "Section" in the upper left corner of the Section.
  2. In The Edit Menu click the "Section" tab. 
  3. Select Section background. 
  4. Click Background image.
  5. Within the Background image tab, select Format.
  6. Select Full width for the image format.
  7. Click “Save” to save your page.


Replace or Clear a Section background image

  1. Click "Section" in the upper left corner of the Section.
  2. In The Edit Menu click the "Section" tab. 
  3. Select Section background. 
  4. Click Background image.
  5. Click Replace to replace the Section background image, or Clear Image to remove the Section background image.
  6. Click “Save” to save your page.


Setting Column Images - Full Width

Set an image to a Column background - Full Width

Set a Column background to a full width image.

  1. Click "Column" in the top left corner of the Section's column to open up the Editing Menu
  2. Select the "Column" tab in the Editing Menu.
  3. Under the Column tab, select Column background. 
  4. Click Background image.
  5. Within the Background image tab, select Format.
  6. Select Full width for the image format.
  7. Click "Save"  to save changes to your page.


Replace or Clear a Column background image

  1. Click "Column" in the top left corner of the Section's column to open up the Editing Menu
  2. Select the "Column" tab in the Editing Menu.
  3. Under the Column tab, select Column background. 
  4. Click Background image.
  5. Click Replace to replace the Column background image, or Clear Image to remove the Column background image.
  6. Click “Save” to save your page.

User Icon

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!