• ProBeaver Weekly
    Weekly for all things Beaver

  • ProBeaver Weekly

    Weekly round-up of all things Beaver
    Tips + Tutorials + Videos + Guides

    Tilt Text CSS effect

    Create tilt or slant text effect in Beaver Builder

    Want to make normal text more fancy without resorting to image version of the text? Give “tilt” or “slant” effect to text using few lines of CSS for cooler looking text on your Beaver websites. Preview of left and right tilt text effect CSS to make tilt or slant text 1. Add the following CSS…

    Read More
    Import templates in beaver builder plugin

    How to import templates in Beaver Builder

    Beaver Builder support standalone modular templates which can you added to a page or displayed using shortcode anywhere in the layout. Import of Beaver templates is done using default importer feature in the WordPress. Procedure for importing templates in Beaver Builder 1. In WordPress dashboard, go to: Tools > Import in the left panel. 2.…

    Read More

    Center align, left or right aligned text in mobile Beaver Builder layout

    So, you have left or right aligned text in a “text editor” widget and want it to appear center aligned when viewed on smaller mobile layout. There is no default setting in the Beaver Builder for this. However, you can easily implement this using quick CSS. Default desktop view (left or right aligned text) Mobile…

    Read More
    Call phone button beaver builder

    Add Click to Call Phone button in the Beaver Builder

    Displaying a click-able Phone button is an important element of any small business website. With little bit of manual lifting, you can add “click to call” phone button in Beaver Builder child theme or in Beaver Builder plugin being used on any third party WordPress theme. Code to create click-able Phone button There are two parts of…

    Read More
    arrows icon to menu items beaver theme

    Add arrow to menu items with sub-items in Beaver theme

    Want to make the default menu in Beaver Builder theme more usable? How about adding arrow icon to menu items that contain sub-items automatically? With arrows in place, user can easily identify which menu items contain sub menu-items and this also looks more professional. Before & After: Arrow icon next to menu items Code to…

    Read More
    Margin space between columns on mobile layout in beaver builder

    Add margin space between columns in mobile Beaver layout

    So, you have added multiple columns in a row using Beaver Builder plugin. They look all good and spaced out in the default browser view. However, when you switch to the smaller screen view – columns stick to each other without any space or margin between them. Also, they touch screen edges at the smallest…

    Read More
  • Pro Stuff

    for  Beaver Builder

    Pro Styles for Beaver

    Customize Beaver Builder Modules beautifully with pre-made CSS packs


    A premium modern agency template for Beaver Builder users