![]() Do more styling to the Icon Box Widget.To know more about advance option tab. Border Radius : Set the border radius to control corner roundness.Border Width : Set the width to control the thickness of the border around the button.Border Type : Choose the border type from Solid, Double, Dotted, Dashed, and Groove.Delay : Set the delay time for hover effects.Background Color : Set the background color of button.Button State : Choose the Hover or Normal State.Top Spacing : Set the spacing from the top.You can add some left margin to the Header widget or padding to give some spacing. Set the column layout to have, Horizontal Align: Center. URL : Enter the link to set the URL of button For the latter In one of your 3 columns, add an Icon widget and Heading widget, and set both to, Positioning Width: Inline (auto).Size : Choose the size of button from the options available in drop down.Button Type : Choose the type of buttons available from the options, or else you can select Custom from the options to design your own button.Show Button : Click to slide button to add button in your icon box.You can add some left margin to the 'Header' widget or padding to give some spacing. Set the column layout to have, 'Horizontal Align: Center'. Content : Enter the description of icon box For the latter In one of your 3 columns, add an 'Icon' widget and 'Heading' widget, and set both to, 'Positioning Width: Inline (auto)'. 508 jupiter icons - Iconfinder Most relevant Jupiter icons About 508 results in 0.01 seconds.Spacing : Add the spacing to content area.Content Alignment : Choose the whole content to align Left, Right, Center and Justify.Bottom Spacing : Set the bottom space between the heading and the description. ![]() Heading : Enter the description heading of icon box.Border : Choose the border from the options available in the drop down.Animation : Choose the Animation from the given options available in the drop down.Delay : Set the delay time to apply the hover effects.Background Color : Set the background color around the icon.Spacing : Set the background space from outside the icon.Padding : Set the background space around the icon.Shape : Choose the shape of frame and background space to Circle or Square.Stacked is with background and frame is with a frame surrounding the icon Frame : Set the view of the icon as Default, Stacked or Framed.Vertical Alignment : Align the icon vertically to top, middle and bottom.Alignment : Align the icon to left ,top and right.Icon : Choose the icon from Font Awesome Icon set.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. The Icon Box Widget are simply awesome and they are fully integrated with the Font Awesome icon set. How to enable infinte scroll for the posts.How to add animation to Section & Widget. ![]() How to copy and paste the widget and section.You can read the Adding a custom CSS class to a shortcode article for further explanation. It’s useful when you need to target the shortcode in a stylesheet or JavaScript file. The Extra Class Name field in the settings pop-up allows you to add an extra class name to the shortcode. Using this setting is easy and straightforward but if you need a step-by-step tutorial, read the Configuring a shortcode’s entrance animation article. To make the icon box 2 shortcode visible on scroll with animation, there is a setting in icon box 2 settings pop-up called Viewport Animation. Sets the color of the icon box description. Sets the font weight of the icon box title Sets the font size of the icon box title. Sets the border color of an icon on hover. Sets the background color of an icon on hover. If you don’t want the container have a border, set this option to blank. Sets the icon container background color. To style your icon box 2 you’ll find these settings in the icon box pop-up window: Setting Sets the option for how the Read More link should be open: in the same window or a new window. You’ll need to add to the beginning of the URL. The default WordPress editor will be available, in case you want to fine tune the styling of the description.Īdds a Read More link to the icon box. The options are: Icon and Image.Īdds a description for the icon box. Add your Icon box and select position on the left side of the box. ![]() There are a few general settings in the icon box settings pop-up. 5 Click on Save Changes and publish or update the page to check the result.
0 Comments
Leave a Reply. |