4/6/2023 0 Comments Iconbox icon listTitle Typography: Select the title font.IconBox is available in: Everyone is convenient with a tool, we respect your choice. Packs: FontAwesome4 Feather Iconly IonIcons With more than 22 open source icon packs. Title Text Color: Select the title text color Icon Box we have a world of famous icons, with over 21,000 free icons. At first, we have to copy the HTML code lines for the icon boxes from the 'Styling your Site. They have a smooth hover effect and they can also contain buttons and links, for example to refer to another page with a 'Read more' link. Title Spacing: Add the spacing between title The demo site of Theme Lambda contains a row of four icon boxes below the slider.Icon Rotate: Add the icon rotates degree.Icon Padding: Add the padding around the icon.Background Type: Select the background type as Classic or Gradient.Border Type: Add the border around the icon box.Padding: Add the padding between icon, text, and button.the 'fa-calendar' icon should be referred to as 'calendar') class: Additional classes to customize the style of the icon (see the usage examples for details on supported styles). Note that the 'fa-' and 'glyphicon-' prefixes should not be used in icon names (i.e. Style: Select the icon box style (Version 1 and version 2) Icons are drawn from the Font Awesome and Glyphicons' libraries.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. Read More Link: Enter the link for reading more text Open the WordPress editor for the post or page where you want to add your icon box.Read More Text: Enter the text for reading more.For example, if an icon is named ‘fa-angle-right’, the value you have to add inside the field is ‘angle-right’. The entire list of icons can be found on the FontAwesome project page. Note: Houzez is compatible with Font Awesome v.4.7.0. Icon Type: You can choose from FontAwesome or upload a custom image.Please click the Add item button to add the icon box on your page. Once you have dragged the element on the page, you will see the element options in the left tab and you will see the content settings. Drag and drop the Icon Box widget from the Houzez Elements section to the page as showing in the below screenshot: Then click the Edit with the Elementor button to edit the page with the Elementor page builder.Īfter clicking on the Edit with Elementor button you will redirect to the Elementor page builder to see the Elementor Page Builder section appear. To use the Icon Box Element be sure that you are working on an Elementor page template.Īctivate the Elementor Page Builder > Go to Pages > Add a New Page > Select the Elementor page template from the Page Attribute section as showing in the below screenshot: IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.The Icon Box Element allows you to display the text with different icons wherever on your website. THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. Check out 250 Free, beautiful & highly customizable new line icons at. Each icon is designed on a 24px grid with the material guidelines. popupcontainer: pop container class or id, class="popup-container" by defaultĬopyright (c) 2015 Rodick Cai is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: Boxicons is a free collection of carefully crafted open source icons.popcolumn: to define how many columns of the pop up container has.popiconsize: the icon size in the pop up container.popheidht: the height of the icon list in the pop up container.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |