{"id":2027,"date":"2025-11-06T11:36:55","date_gmt":"2025-11-06T03:36:55","guid":{"rendered":"https:\/\/leadsleap.com\/blog\/?p=2027"},"modified":"2025-11-06T11:36:56","modified_gmt":"2025-11-06T03:36:56","slug":"major-page-builder-updates-round-2","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/major-page-builder-updates-round-2\/","title":{"rendered":"Major Page Builder Updates \u2013 Round 2"},"content":{"rendered":"\n

The wait is over. Round 2 of our Page Builder updates is here, packed with powerful new features that make your design workflow faster, smarter, and more fun.<\/p>\n\n\n\n

Let\u2019s dive right in<\/p>\n\n\n\n

1) Fancy Icon<\/h2>\n\n\n\n

Previously, the Icon Element<\/strong> was limited to basic web icons like gears and lightbulbs.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Now, we’ve added a full set of annotation graphics such as:<\/p>\n\n\n\n

  • circles,<\/li><\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    • underlines,<\/li><\/ul>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      • arrows,<\/li><\/ul>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        • highlights,<\/li><\/ul>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          • and social media icons<\/li><\/ul>\n\n\n\n
            \"\"<\/figure>\n\n\n\n

            Why icon? Why not image?<\/em><\/strong><\/p>\n\n\n\n

            We used to offer these annotations as images, but images have one major drawback – you can’t change their color.<\/p>\n\n\n\n

            With the annotations now in SVG icon format, you can apply any color to match your theme perfectly.<\/p>\n\n\n\n

            But that’s not all!<\/p>\n\n\n\n

            You can even set color gradients, like the examples below:<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            And with the new onclick options (see update #5 below), Icon Elements are now more powerful than ever!<\/p>\n\n\n\n

            2) Table Element<\/h2>\n\n\n\n

            We’ve deprecated the Divider Element because it is redundant. You can easily make one using the Background Element.<\/p>\n\n\n\n

            At the same time, we’ve introduced a Table Element.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            The new Table Element let you quickly create simple table-like layouts like these:<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            Note: These are visual tables, not data tables. To add content, you have to insert Text or Image Elements over the Table Element. Like other elements, you are free to overlap, position, and style them freely.<\/em><\/strong><\/p>\n\n\n\n

            3) Padding Setting<\/h2>\n\n\n\n

            We’ve added Padding option to the Editor of Text, Textlink, Icon, Table and Button Elements.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            Padding gives you control over the inner spacing between content and borders.<\/p>\n\n\n\n

            To illustrate its benefit, previously, if you create a Text with background color, it may look like this:<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            You can see that the text is not really centered vertically.<\/p>\n\n\n\n

            With the padding option, you can now increase the bottom padding and make the same Text look like this:<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            4) Image Crop<\/h2>\n\n\n\n

            This was a member’s feature request. Honestly, I thought it wasn’t possible\u2026 until inspiration struck!<\/p>\n\n\n\n

            You can now crop images directly inside the Page Builder.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            That means no more switching to external software or saving multiple cropped versions. Quick, simple, and efficient.<\/p>\n\n\n\n

            To be clear: this isn’t a true crop. <\/p>\n\n\n\n

            The builder basically expands the image and hides the overflow. The end result is a visual crop without changing the original image.<\/p>\n\n\n\n

            In the demo below, you’ll see how it works: first hide the unwanted part, then resize the image to achieve your desired look.<\/p>\n\n\n

            \n
            \"\"<\/figure><\/div>\n\n\n

            5) Advanced Onclick Options<\/h2>\n\n\n\n

            This one is big.<\/p>\n\n\n\n

            The On Click<\/strong> actions menu has been expanded with several powerful new options:<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            The newly added options are:<\/p>\n\n\n\n

            • Send Email<\/li>
            • Send WhatsApp Message<\/li>
            • Show hidden element(s) by class<\/li>
            • Scroll to element by ID<\/li><\/ul>\n\n\n\n

              The first two, ‘Send email<\/strong>‘ and ‘Send WhatsApp Message<\/strong>‘, are straightforward. Visitors can now email or WhatsApp you with a click.<\/p>\n\n\n\n

              The last two open up a world of interactivity.<\/p>\n\n\n\n

              You can now:<\/p>\n\n\n\n

              • Create a dropdown navigation that reveals links on click and scrolls to sections.<\/li>
              • Build an FAQ accordion that show answers in a popup when clicked.<\/li><\/ul>\n\n\n\n

                I’ll write a separate blog post explaining how to use “Show hidden element(s)<\/strong>” and “Scroll to element<\/strong>” soon. But if you already know your way around Class and ID, you can start experimenting right away.<\/p>\n\n\n\n

                That’s a wrap for Round 2!<\/p>\n\n\n\n

                Try these updates out and share your thoughts in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"

                The wait is over. Round 2 of our Page Builder updates is here, packed with powerful new features that make your design workflow faster, smarter, and more fun. Let\u2019s dive right in 1) Fancy Icon Previously, the Icon Element was limited to basic web icons like gears and lightbulbs. Now, we’ve added a full set […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[237],"tags":[],"_links":{"self":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/2027"}],"collection":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/comments?post=2027"}],"version-history":[{"count":9,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/2027\/revisions"}],"predecessor-version":[{"id":2051,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/2027\/revisions\/2051"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=2027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=2027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=2027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}