#Wpbakery iconbox update
#Wpbakery iconbox pro

Alternative method 2: Remove Margin Via Row Column Spacing Setting

The only cases where you would want to remove it is when adding rows with backgrounds for example and you want a smaller padding inside the row. In most situations you shouldn’t have to remove the bottom margin on columns, just remember it’s there and work smartly. For example if you insert a row with a single column and a background and some text and you want to give your row the exact same padding on the top and bottom you probably will want to remove the bottom margin on the column inside this row and you can do it easily via the row setting named “ Remove Bottom Column Margin” simply enable it and you are good to go! This will add a unique class to the row which resets the margins on any columns inside the row.Īlternative method 1: Give Your Column a 0px marginĪlternatively you can just edit any column and enter 0px for it’s bottom margin under the Design Options tab: There are many times where you may want to remove the bottom margin on your columns. The Best Way Of Removing the Margin on a Per Row Basis It is highly recommended to use a default bottom margin. Also it will be a lot harder for you to keep consistency throughout the site. If you enter 0px for the bottom column margin globally in the Customizer it will remove it everywhere and you will have to remember to add margins to your columns for responsive layouts where they become stacked. Removing The Global Default Margin (not recommended) This margin can be altered though via the Customizer under the WPBakery Builder Tab: Publish the page and test the lightbox effect in the published web page.By default the Total theme adds a 40px margin below all columns in the WPBakery Page Builder, this allows for a better responsive site but it’s also very important to consider it when building your site so you can create perfect spacing between your elements. In the Button Settings dialog, click the button Select URL and enter the image or video URL that you want to open in the lightbox.Įnter wplightbox to the Extra class name input box. In WPBakery page builder, add a Button element. Save the page and test the lightbox effect in the published web page. In WPBakery page builder, add a Single Image element, select an image file, then select Open Custom Link from the On click action drop down list and enter the image or video URL that you want to enable the lightbox effect to the Image link input box.Īt the bottom of the dialog, enter wplightbox to the Extra class name input box. The lightbox effect will not work in the page builder itself. WPBakery Page Builder for WordPress addon included (SAVE 45 ) Ultimate Addons for Visual Composer included ( SAVE 25) Instagram Feed WordPress Instagram Gallery addon included ( SAVE 24 ) Page Builder elements include: Accordion and Toggles, ActionBox, Button, Chart, Client Logos, Contacts, Contact Form.

#Wpbakery iconbox update

Update the page and test the lightbox effect in the published page. In the Text Block editor, click the Text tab on the top right corner, then add class='wplightbox' to the a tag of the link. In the popup dialog, enter the image or video URL that you want to open in the lightbox. In WPBakery page builder, edit the Text Block, drag and select the text, then click the Insert/edit link button.

#Wpbakery iconbox pro

You can download the trial version from the product homepage, test it, make sure it works for you before upgrading to the Pro version. Before following this tutorial, make sure you have installed and activated the premium plugin Wonder Lightbox.