{"id":117429,"date":"2018-07-11T02:40:40","date_gmt":"2018-07-11T09:40:40","guid":{"rendered":"http:\/\/wpbeaveraddons.com\/?p=117429"},"modified":"2018-07-11T02:40:40","modified_gmt":"2018-07-11T09:40:40","slug":"beaver-builder-new-features","status":"publish","type":"post","link":"https:\/\/wpbeaveraddons.com\/beaver-builder-new-features\/","title":{"rendered":"8 Things You Need to Know About Beaver Builder 2.2"},"content":{"rendered":"
Beaver Builder<\/a> 2.2 is just around the corner and with a great update, comes excellent features!<\/p>\n This huge feature update by the Beaver Builder folks is going to open up many new editing possibilities for the users and will offer much more customization.<\/p>\n Here is a list of all the significant new features that will be coming with the update.<\/p>\n This update will bring you a lot more responsive editing capabilities. You are no longer limited to changing the margin and padding for responsive devices. You can even change the background photo as well so you can add a different image.\u00a0The minimum height setting for the row can be set for each responsive version as well.\u00a0 Editing of borders, width, radius, shadow, etc. is possible for each device.<\/p>\n Also, now you get an option to stick to a responsive version of the website and make all the changes there by going to\u00a0 Tools > Responsive editing.<\/strong><\/p>\n <\/p>\n <\/p>\n Now you will get multiple new units which you can select to change the desired units or whichever unit you prefer. You will not be limited to px as you can select em, wv, px, vh, %, etc. from the list and set the value accordingly.<\/p>\n <\/p>\n Now you are not limited to changing the value of height, row, width, padding, etc. with the number field. If you click on the number field, you can see a slider and change the value by simply sliding it.<\/p>\n This is not limited to the row settings; you can find this feature on multiple BB modules as well.<\/p>\n <\/p>\n It is very much possible now to link the top, bottom, left and right margins on an object. You can easily do it by clicking on the link button. This\u00a0feature will allow you to change all the values at the same time. This can help you by avoiding redundant activity and in turn saves you some time.<\/p>\n <\/p>\n You will get more typography customization options with the upcoming update. You can change the font, family, weight, size, line height, align, spacing, transform, variant and style for each piece of text.<\/p>\n Not just that, you get to change and adjust the text properties for each responsive\u00a0version of the website. Every text adjustment apart from the font family can be easily made for each responsive version of the text.<\/p>\n <\/p>\n With the alpha slider for color pickers, you can now change the color with more control. You can choose the color as before, but now you will get more customization as you can change the opacity as well.<\/p>\n <\/p>\n In addition to the previous animations, now you can choose an animation from a list of more than 35 effects. You can add the\u00a0animations to rows and modules as well with great ease from the advanced tab.<\/p>\n <\/p>\n This feature will allow you to add gradient\u00a0backgrounds to rows and columns. Earlier there were only color, photo, video, parallax, and slideshow backgrounds available for a row but now you can set a gradient background as well.<\/p>\n This feature has already been a part of the PowerPack add-on<\/a> from the beginning, but now you will be able to do it directly with the Beaver builder.<\/p>\n <\/p>\n All these feature upgrades are confirmed by the Beaver Builder<\/a> team and will be released with the BB 2.2 release. There may be more features coming with the update as the product is still in progress.<\/p>\n???? Responsive Editing for Numerous Settings<\/h3>\n
???? Custom Units for Various Settings<\/h3>\n
???? Sliders for Easy Customization<\/h3>\n
???? Linking for Units<\/h3>\n
???? New Typography Settings<\/h3>\n
???? Alpha Sliders for Color Pickers<\/h3>\n
???? More Animations<\/h3>\n
???? Gradient Backgrounds<\/h3>\n
???? Summing Up!<\/h2>\n