facebook_pixel

Learn exactly how to makeBETTER WEBSITES RIDICULOUSLY FAST

Get exclusive tips that'll help you master WordPress, Beaver Builder and lots more.

Customize the Beaver Builder Blog Sidebar the easy way

Customize the Beaver Builder Blog Sidebar the easy way by watching this quick video tutorial.

Learn how to use the Beaver Builder Shortcode to design your Beaver Builder Blog’s Sidebar WITHOUT using Widgets.

Master Beaver Builder in 30 days!

Enter your email below to join over 900 people just like you and get 1 mind-blowing Beaver Builder tip each day for the next 30 days.

By the end of this tutorial you’ll be able to customize the Beaver Builder Blog Sidebar using the drag-and-drop capabilities of Beaver Builder.

The problem and limitations of using WordPress Widgets to set up your Beaver Builder Blog Sidebar

For years you and I both have set up our blog sidebars under WordPress Dashboard > Appearance > Widgets.

But I’ve always found this cumbersome, especially since I found Beaver Builder.

We use Beaver Builder not only because it’s extremely quick and well supported, but also because we can actually see what we’re doing. It’s a frontend builder for WordPress – who want’s to build their website from the backend?

No one. 

Beaver Builder is extremely flexible when it comes to editing Post Types but how good would it be to be able to edit Widget Areas using Beaver Builder?

Great?

Well, you actually can!

You can follow this video tutorial to learn how to add a Beaver Builder Template into the Blog Sidebar widget area, but you can apply this same technique to any widget area on your website!

The benefits of customizing the Beaver Builder Blog Sidebar with this method

Setting up your Beaver Builder Blog’s Sidebar using this method is great because:

  1. You’re able to use the Beaver Builder modules that come with the page builder. I specifically love that I can use the Subscribe Form module to get more people into the mailing list of the website.
  2. For client websites the client can edit their website with Beaver Builder consistently and not have to use Widgets. Widgets can be complex!

Comments and shares!

If you found this post useful, please comment below or on youtube with some future video recommendations with questions you want answered.

A share also goes along way. We’re on lots of social media channels. Your share could go on to help another Beyonder out there.

2 Comments

  1. Vit on January 25, 2017 at 3:07 am

    Hi Grant,
    can you tell me how to customise space (left and right) between post and sidebar? Its to much space and there is no option to do that in customiser.
    Thanks
    Vit

    • Grant Ambrose on January 29, 2017 at 3:40 pm

      Hi Vit,

      You will need to use some custom CSS here.

      Add this to your style.css and tweak the padding value as needed

      @media (min-width: 992px) .fl-content-left { padding-right: 40px; }

Leave a Comment

You must be logged in to post a comment.

Master Beaver Builder 

Join over 900 people and get 1 mind-blowing Beaver Builder tip each day

x