Empire comes with a distinctive Grid section you can use to display images, text, and call-to-action (CTA) buttons. Add up to 20 content blocks to this home page section.
Add Grid to your home page
- In the theme editor (Customize), click [+] Add section
- Locate Grid
- Click the section, then Add
Include optional heading
Add a title for the section using the Heading field.
Customize the grid's appearance
The image sizes that show can be controlled by the Section height setting. This setting will crop the images to Small, Medium, or Large sizes.
To reduce cropping, select the box Maintain aspect ratio instead. This will override the size of the Section height and prevent most cropping, aiming to keep the image intact on all screen sizes.
The Text alignment setting lets you fine-tune where the content will show through nine different options.
For mobile, the Grid images will default to showing the full block. To have them compressed until selected, enable the Compress Blocks option.
Add the content
This is where you upload the images and customize the content of your grid blocks. Each block allows you to add an Image, a Heading, Text (up to 120 characters), Link, and Button text, as well.
Also set the Button style and Grid width here, along with an optional Overlay. Overlays help to create more contrast between the background image and overlaid text.