Stretch image to the page width

Our standard editor does not allow users to stretch an image to the width of the page, however, you can use custom CSS to achieve this. Here are instructions to make an image block a full page width:

1. Drag and drop an Image Block into your template, then add an image
2. Click into the Image block, then, in the right-hand menu, select Advanced and enter the custom class for this block (a custom class is a piece of code to specify a block to apply styling to as opposed to all blocks in a document.) In our example (see below), we are using user-img_fullbleed;
3. Repeat it for each image you want to be stretched;
4. Click More > Design > Edit CSS and insert this code and Save:

.user-img_fullbleed {margin-left: -60px; margin-right: -60px;}

See the screenshots below: