Pick colors for icon color and text color Position: Scroll down to select the background position: Left Top/ Center Top/ Right Center/ etc. Repeat: Scroll down to modify the background repeat: No Repeat/ Repeat/ Repeat X/ Repeat Y Size: Scroll down to choose the size of background: Auto/ Cover/ Contain. Heading & Subheading: Add a Heading and Subheading for this section or leave it blank.Ĭolor: Choose any color to set for the border by using the color picker.įor the Background section, you can modify the color, image, size, position and repeat.īackground color: Change any color by using color pickerīackground image: Select an item to display for the background image. Section padding: Insert the values in order of: Top Right Bottom Left, Eg: 20px 10px 20px 10px Section margin: Insert the values in order of: Top Right Bottom Left, Eg: 2 0px 10px 20px 10px Tick to have the Boxed Layout: Create left and right spaces of the icon box. Modify the elements for Heading & Subheading.(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 ) Alignment: choose the position for heading.Margin: insert the values into the box to set the margin for heading section.Icon position: Scroll down to choose the icon position: Auto/ Top/ Middle/ Bottom But there is no need to fill both fields. Give your box a title and add content information.If the SVG box is filled, the Image field will be disabled. You can choose an icon type that's more convenient for you: SVG code or Image insert.To create a new Icon Box, click Add Section > find Icon Box> Click Add button. It will be displayed below the Text.When you need to create a custom section for a specific usage, the Custom Content section will help you with your job. Link Areaĭrag a button or link into the icon box to nest it inside of the icon box. In this tab you can control the typography for the Heading and Text inside the Icon Box.Įach of these three tabs have identical typography settings, which are the same as those found at Advanced > Typography. Content Alignment - the alignment set here will only applies to screen widths below the width set in Vertical Layout Below.Vertical Layout Below - set the screen width below which the Icon Box contents will be aligned based on the Content Alignment in this tab.In this tab, you can control the responsiveness of the alignment of the elements within the Icon Box element. Link Space Below - sets the spacing below the link area of the Icon Box.Link Space Above - sets the spacing above the link area of the Icon Box.Text Space Below - sets the spacing below the text.Text Space Above - sets the spacing above the text.Heading Space Below - sets the spacing below the heading.Heading Space Above - sets the spacing above the heading.Otherwise, if Icon Position is set to either right or left, this controls the spacing to the right of the icon. If Icon Position is set to either top or bottom, this controls the spacing on the bottom of the icon. Icon Space After - sets the spacing after the icon.Otherwise, if Icon Position is set to either right or left, this controls the spacing to the left of the icon. If Icon Position is set to either top or bottom, this controls the spacing on top of the icon. Icon Space Before - sets the spacing before the icon.This parameter is visible only when Icon Position is set to left or right. Icon Vertical Alignment - aligns the icon vertically within the Icon Box element top, middle, or bottom.Icon Position - positions the icon relative to the text and link content: top, right, left, or bottom.Content Alignment - align all content within the element left, center, or right.The Icon Box element displays an icon with a heading and text.Īdd a Icon Box element to your page from Add+ > Helpers > Icon Box.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |