You can customize the information appears in your page. Medi theme does support different types of content such as image banner, paragraph, video, image gallery, etc.


TABLE OF CONTENTS



Note:

The [+] tickets are used to adjust style/add content for the available content. Place them down below the ticket you want to make changes or bring it to the top of the content section to apply to all blocks.


1 - Paragraph

To add a paragraph on your page, click Add content > create a Paragraph ticket.

  • Text 1 & Text 2 are performing as Heading and main content.


2 - Banner Image

To add a banner on your page, click Add content > create a Banner Image ticket.

Image

  • Firstly, you need to insert an image for display then link it to another page (optional). Maximum number of banner can be added is 01.
  • With bigger image, you can use the Image crop field to choose a display position.
  • Resize the banner height by inputting in Manual height field.
  • Switching layout between full width or boxed layout to match your preference.


Small image

  • Small image a.k.a heading image which takes place on top of the banner section.
  • Like the main banner, you can also adjust its width to get a right fit.


Paragraph & Button

  • Text 1 is displayed like a heading.
  • Text 2 is displayed like a subheading.
  • Add a button easily by inserting a Button label and link it to another page with Button URL field.
  • Drag the Button style bar to change the design. Go to Theme settings > Color & Style to modify the settings.


Custom content

  • Customize the content by using SVG code and extra text.


3 - Blog

To add a blog list on your page, click Add content > create a Blog ticket.

  • Insert a blog from available ones or just create a new one.
  • Turn on/ off excerpt for posts by ticking on the option box.
  • Max number of content per row: Change the quantity of items on one row.
  • Drag the Total bar to adjust the maximum number of posts for this block.


4 - Newsletter

To add a newsletter on your page, click Add content > create a Newsletter ticket.

Form settings: Set the address for storing client's mail.

  • Form Type: We support 02 platforms Mailchimp and Klaviyo.
  • Form URL: Paste your form URL here.
  • Form style: Choose the displaying style for the text box.


Heading content

  • Used to add Heading and Subheading for the block.


Layout

  • Layout options:
  • Full width: Widen to fit the page's width.
  • Boxed layout: Add a padding around the main wrapper.
  • Padding: Add a custom padding for the block. Insert values in order of clockwise motion, start from the top padding.
  • You can insert an image to set it as the section background and use the fields below to adjust it.
  • With a bigger or smaller image, use the Background Image Fit field to adjust the image zoom.
  • Background image repeat field is used to repeat smaller image to fill the whole section.
  • When you're satisfied with the size, let's move on to the next step - choose the display position from the drop-down box.


5 - Video with text

To add a video on your page, click Add content > create a Video with text ticket.

Video settings

  • Firstly, you need to upload your video on Shopify. To get the link, go to Settings > Files > Upload files and choose a video. After the uploading process is done, copy the URL and paste here.


  • Image placeholder: Works as a video thumbnail and system will automatically adjust the video player to fit inserted image size.
  • To create a button, you need to fill in the Button label field.
  • Drag the bar and choose one from available button designs.


Paragraph & Button

  • Text 1 & text 2 work as Heading & Subheading.
  • You can add an extra button by inserting a Button label and link it to another page. It's also allow you to change the button display style.


Custom content

SVG content allows users to add more than just text.

  • SVG 1/ 2: Paste the SVG code.
  • Text for SVG 1/ 2: Add description for the corresponding SVG.


To group images into a gallery, click Add content > create a Image Gallery ticket.

  • Max number of content per row: Decide the item's quantity on one row (available for multi devices settings).


7 - [+] Image with text

To add an image into a Gallery, click Add content > create a [+] Image with text ticket.

  • After inserting a photo, you can link it to another page using the Image link below.
  • Paragraph
  • Text 1 works as a Heading
  • Text 2 works as a Subheading
  • Text 3 works as a main content.


8 - Icon box

To group multiple icons box into one section, click Add content > create a Icon box ticket.

  • Max number of content per row: Decide the item's quantity on one row (available for different devices settings).


9 - [+] Icon box item

To add a single icon box, click Add content > create an [+] Icon box item ticket.

  • You can use a SVG code to insert an icon or select an image as another option.
  • Input the Title to set it as a heading and all texts in the Content field will be the main information.


10 - Testimonials

To group multiple reviews into one section, click Add content > create a Testimonials ticket.

  • Max number of content per row: Decide the item's quantity on one row (available for different devices settings).


Heading content

  • Name your section and use the SVG code to add an extra content.


Block layout

  • Layout options
  • Full width: Widen to fit the page's width.
  • Boxed layout: Add a padding around the main wrapper.
  • Mobile layout
  • Wide: Full-width layout.
  • Boxed: Add padding around the main wrapper.
  • Only full right: Recommended when slider function is activate.
  • Adjust custom padding for the block. Insert values in order of clockwise motion, start from the top padding.
  • You can insert an image to set it as the section background.
  • With a bigger or smaller image, use the Background Image Fit field to adjust the image zoom.
  • Background image repeat field is used to repeat smaller image to fill the whole section.
  • When you're satisfied with the size, let's move on to the next step - choose the display position from the drop-down box.


11 - [+] Testimonial item

To add a review, click Add content > create a [+] Testimonials ticket.

  • Insert the Author’s name and review information.
  • Rating: Drag the bar to give your rating stars, from 1 to 5.


12 - [+] Text style

To modify the displaying text, click Add content > create a [+] Text style ticket.

  • Text to apply
  • Main text 1: Text 1, section heading...
  • Main text 2: Text 2, Icon box item's content...
  • Main text 3: Text 3...
  • Sub text 1: Review...
  • Sub text 2: Review's author...
  • Sub text 3

The other elements are:

  • Font size & font weight
  • Text color
  • Margin
  • Line height


13 - [+] Button style

To modify the displaying button, click Add content > create a [+] Button style ticket.

  • Button to apply
  • First button in the block
  • Second button in the block

The elements which can be set are:

  • Font size & font weight
  • Padding
  • Margin
  • Text & background color
  • Border width & color
  • Rounded corners


14 - Spacing

To add a space between 02 blocks, click Add content > create a Spacing ticket.

  • Insert value in the Height field to adjust the distance.



How to insert values for your theme.