You can read the Adding custom CSS class to a shortcode article for further explanation. List Box Icon SVG: Free List Box SVG Icon Code Path, HTML/CSS White, Vector File - List Box Icon SVG: Get Free List Box SVG Icon Code Path and Vector file. It’s useful when you need to target the shortcode in a style sheet or JavaScript file. The Extra Class Name field in the setting pop-up allows you to add an extra class name to the shortcode. The usage of this setting is easy and straightforward but if you need a step by step tutorial, read the Configuring shortcode’s entrance animation article. To make the Icon Box shortcode visible on scroll with animation, there is a setting in Icon Box settings pop-up which is called Viewport Animation. In the Elementor interface, you should see a live preview of your content on the right and a sidebar on the left. Click on the Edit with Elementor button to launch Elementor’s visual, drag-and-drop design interface. If it is red, then you have less than 20 of battery charge left. If it is yellow, then your iPhone switches to Low Power mode. The icon for the battery level of your iPhone. The most common usage is for sections that list features of products or services, we can customize the every element of this widget: the icon, the headline and the descriptions. Your alarm is set and is currently active. To hide/show the Icon Box for a particular device (mobile, tablet, …), there is a setting in Icon Box pop-up which is called Visibility For Devices. The usage of this setting is easy and straightforward but if you need a step by step tutorial, read the Configuring shortcode’s visibility article. Open the WordPress editor for the post or page where you want to add your icon box. The Icon Box Widget are simply awesome and they are fully integrated with the Font Awesome icon set. Sets the color of any probable links you may add in description section.Īdds a spacing between this Icon Box and the next shortcode. Sets the paragraph color of Icon Box description. If you don’t want the container have a border, please set this option to blank.
Use this option to set the icon container border color. This option will be available if you enable the Circle Container option. Use this option to set the icon container background color. This option will only work for icon size of Small and Medium. Available options are: Small, Medium, Large, X LargeĮnable this option if you want your icon to be contained by a circle frame. Available options are: Simple minimal, Simple Ultimate, Boxed. Use this option to set the style of Icon Box shortcode. To style your icon box you’ll find these settings in the icon box pop-up window: Setting You need to add at the beginning of the URL. If you don’t want to have read more option, simply set this option to blank.Īdds Read More link to the Icon Box. The default WordPress editor will be available for you in this option, in case you want to fine tune the styling of description.Īdds a read more text for Icon Box. Sets the font weight of the Icon Box TitleĪdds a description for the Icon Box. Sets the font size of the Icon Box title. There are some general settings in icon box settings pop-up.
#Iconbox icon list update#
By clicking each icon you can separately modify the values of padding/margin for each device.5 Click on Save Changes and publish or update the page to check the result. These are the Desktop, Tablet and Mobile icons. Notice that the Padding and Margin options have three icons next to their label. Margin: With this option you can control the margin on each side of the block individually or all at once.
#Iconbox icon list download#
Background Color: This option controls the list’s background color.Icon Color: This option controls the color of the list icons.Text Color: This option allows you to set the color for the list’s text.Under the block appearance tab you can control how the block looks.
0 kommentar(er)
