#Wordpress shortcode iconbox update#

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 Set the Target for the Read More URL, Available options are: Same window, New window. 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. Use this option to add a title for the icon box.Īdds a description for the Icon Box. Use this option to upload or select an image from the media library for the icon box shortcode. This option will be available if you choose Image for Icon Type. To see a graphical representation of icons and a reference to their class names, please go to Main Dashboard Menu -> Tools -> Icons Library. Use this option to add the icon class name that you want to have in the shortcode.

This option will be available if you choose Icon for Icon Type. Use this option to decide if you want to use the icons library to add an icon for the shortcode or if you want to upload your own icon image. There are some general settings in icon box settings pop-up.

#Wordpress shortcode iconbox update#

'description' => _( 'Description for foo param.5 Click on Save Changes and publish or update the page to check the result. '/vc_extend/my_shortcode_icon.png', // Simply pass url to your icon here Please see example below: _( 'Bar tag test', 'my-text-domain' ), 'description' => _( 'Description for foo param.', 'my-text-domain' ),Īnother way of adding an icon to your content element, doesn’t require a CSS file with CSS rules from you, and instead, you can simply pass url to your icon image and it will be added automatically to the “Add element” window and schematic backend interface. 'value' => _( 'Default param value', 'my-text-domain' ), 'admin_enqueue_css' => array( get_template_directory_uri(). 'icon' => 'my_bartag', // New param added In order to make 3) css snippet to work properly you should add “icon” param to the vc_map() function call and pass “my_bartag” as a value. vc_element-icon /vc_extend/my_shortcode_icon.png)

Note: path to the icon file should be relative to the css file where you place your css rules (this file) *Ĭhange icon in the 'Add element' content elements list Now open css file that you defined in “admin_enqueue_css” param in vc_map() function call, and add CSS rule for your content element. Save this icon somewhere in your theme’s folder. Now you may want your element to have a fancy custom icon (Note: Icon file format should be png or gif with transparent background). Creating your own icon with CSSįor example, you have created a new custom content element and with help of vc_map() function added it to the WPBakery Page Builder editor. Or another option is to simply provide URL of your icon. “icon” param should store CSS class name, which will be later used in your css file as a CSS selector (for targeting). Define “icon” param in the vc_map() function call (“mapping”). Another option is to assign class name for your item and then in your own css file add required css rules to style your element. To add your icon you can simply pass icon url in “icon” attribute when you call vc_map() function. WPBakery Page Builder content element’s icon is visible in the available content elements list and is shown when the user clicks “Add element” button in the WPBakery Page Builder interface.