media_element_04-1

Media Grid allows you to display your images in a beautiful way or you can customise it if
you like. Here is a quick guide on how to add a media grid easily.

1. Add a new page/post. Write the tile and click on Add Element > Media Grid

media_element_01

media_element_02

2. Click on + button to add images.

media_element_03

3. Select the images that you like to add in your page and click on Add Images.

media_element_04

4. Under Media Grid Settings, you can customize the settings however for now we will just save changes to preview if our images will display.

media_element_04-1

5. Save your page/post and view it online.

Here is the default media grid display.

media_element_04-1-1

You can also change the number of grid elements per row. To do this, go back to page editor and click on “Edit Media Grid” pencil icon, then change Grid Elements per row.

media_element_06

Change Grid Elements per row to 6 rows, saved it and view it online.

media_element_04-1-2

You can also experiment the item design, this will give you a more customized options based from your needs. Below are some sample outputs.

media_element_07

media_element_07_1


About 

    Find more about me on:
  • facebook
  • googleplus
  • linkedin
  • pinterest
  • twitter
  • youtube

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>