TABLE OF CONTENTS

• I. CONTENT
  • 1.Content settings
  • 2. Heading style
• II. SETTINGS
  •     1. Layout
  •     2. Heading Section
  •     3. Border
  •     4. Background
  •     6. Layout Content

ICON BOX

When you need to create a custom section for a specific usage, the Custom Content section will help you with your job. To create a new Icon Box, click Add Section > find  Icon Box  > Click Add button.

I. CONTENT

    1.Content settings

• You can choose an icon type that's more convenient for you: SVG code or Image insert. If the SVG box is filled, the Image field will be disabled.
• Give your box a title and add content information. But there is no need to fill both fields.

        Icon position: Scroll down to choose the icon position: Auto/ Top/ Middle/ Bottom

2. Heading style

• Margin: insert the values into the box to set the margin for heading section
• Alignment: choose the position for heading

(If there are no heading or subheading content yet, go to Heading Section settings to add texts to heading & subheading and turn back here to continue )

• Modify the elements for Heading & Subheading

• Text color
• Font size
• Font weight
• Line height

II. SETTINGS

    1. Layout

        Tick to have the Boxed Layout: Create left and right spaces of the icon box. 

         Section margin: Insert the values in order of: Top Right Bottom Left, Eg: 20px 10px 20px 10px 

         Section padding: Insert the values in order of: Top Right Bottom Left, Eg: 20px 10px 20px 10px

    2. Heading Section

        To custom style. Please add block 'Heading Style' 

         Tick Show to appear Heading section.

         Heading & Subheading: Add a Heading and Subheading for this section or leave it blank. 

    3. Border

        Tick to enable Show border

         Color: Choose any color to set for the border by using the color picker.

    4. Background

        Tick to have Full section background

         For the Background section, you can modify the color, image, size, position and repeat.

         Background color: Change any color by using color picker

         Background image: Select an item to display for the background image.

         Size: Scroll down to choose the size of background: Auto/ Cover/ Contain.

       Repeat: Scroll down to modify the background repeat: No Repeat/ Repeat/ Repeat X/ Repeat Y 

    Position: Scroll down to select the background position: Left Top/ Center Top/ Right Center/ etc. 

    5. Content Color

        Pick colors for icon color and text color

    6. Layout Content

         Max number of items per row: The number of items is shown on a row, Eg: 4,3,2 corresponding with the                     desktop, tablet, and mobile.

     Spacing between items: To adjust the space between 2 text boxes, fill in the Item spacing field. Eg: 30px, 15px.

Note: Please click Save on the Top right of the screen to save the step by step that you just input.