![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/08\/page-builder-framework-wordpress.jpg\")
<\/p>\n
WordPress Page Builder Framework Features<\/h3>\n
Here is a list of all the features that the WPBF offers. We will look into each of the features individually.<\/p>\n
General Settings<\/h3>\n
The General Settings offers a lot of customization for your website. You can change the layout of your site, modify the background, and choose from an image or a color option. With the blog settings, you can change the look and layout of the archive pages individually.<\/p>\n
In addition you can create customizable social media icons which can be displayed anywhere on your website using the [social] shortcode.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/general_settings.png\")
<\/p>\n
Typography<\/h3>\n
The WPBF lets you set the typography for every heading as well as text individually without facing any coding issue. It’s all toggle and selection friendly. For each one, Text, Menu, H1, H2, H3, H4, H5, H6, you can make extensive changes.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/typo-1.png\")
<\/p>\n
Here are the changes that you can make:<\/p>\n
- \n
- You can change the Font-Family<\/strong> and its variant from the drop down list.<\/li>\n
- Changing the Text Color and Bold Text color<\/strong> can be easily done here.<\/li>\n
- You can modify the Line Height<\/strong> just by dragging the slider to increase and decrease.<\/li>\n
- Moving the Letter Spacing<\/strong> slider will change the Spacing between the letters.<\/li>\n
- You can even set the Text for the Titles or headings to transform them to Uppercase<\/strong>.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/h1.png\")
<\/p>\nResponsive Font Sizes<\/h3>\n
You can make your font work by the screen that they are being displayed on (Desktop, Tablet, Mobile).\u00a0You can make all these changes to almost of the text types listed above without touching a single line of code. Every heading, as well as every text, can be set to resize\u00a0according to the size of the screen, the user is using to visit the website!<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/08\/wpbf-responsive-font-sizes.gif\")
<\/p>\nHeader Settings<\/h3>\n
This is where the WPBF really shines and stands out from its competition. The Header settings allow you to control all of the elements of your website header, including:<\/p>\n
- \n
- Logo<\/strong> – You can modify and customize the logo of your site including the image size, logo url and more. You can also display a different logo on the sticky navigation. This is ideal for websites that are using a transparent header.<\/li>\n
- Navigation –\u00a0<\/strong>The navigation allows you to make changes to the elements such as menu, seach icon, menu height, menu item spacing, background, font & hover color.<\/li>\n
- Sticky Navigation –<\/strong> customize the look of your sticky navigation including: logo, background, font & hover color, menu-height, animation (fade-in, slide down) and box shadow.<\/li>\n
- Mobile Navigation –<\/strong> There is a separate mobile navigation section that you can alter just to ensure how your website looks on a mobile menu. You can set the font size, font color, background color, background color hover, and the border color as well.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/header.png\")
<\/p>\nFooter Settings<\/h3>\n
The footer is necessary to the page, yet it cannot be edited with any page builder, so the WPBF offers footer customization. If you want a sticky footer<\/strong>, you can have that too with simple toggle operation. If you want to create a custom footer within the page builder, you can hide the themes footer. You would then create a global row and populate it throughout the website by using one of the built in hooks of the Page Builder Framework.<\/p>\n
If not, you can stick to the 2 column footer and customize it to your needs.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/footer.png\")
<\/p>\nCanvas Push Menus<\/h3>\n
Canvas menu is an excellent way to turn your customer focus on your content and give more space for the content as well. When you choose this menu style, the user can collapse and expand the menu by just clicking on the hamburger logo placed at the top right or the left corner of the page.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/08\/wpbf-off-canvas-push-menu.gif\")
<\/p>\nThe Child Theme Generator<\/h3>\n
Anyone can generate a child theme by using the Child Theme Generator<\/a>. This tool effortlessly creates a child theme, and with just three steps you can start with the project. Just fill out the form, download the child theme and then upload and start with the project!<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/08\/Child-Theme-Generator-Page-Builder-Framework-for-WordPress.png\")
<\/p>\nTheme Settings at the back-end<\/h3>\n
Settings Tab<\/h4>\n
Settings tab has two options. First one is to make the page full width on the global basis. Checking this will make the page to stick end to end or make it full-width sitewide. The second option will help you in removing the title from the pages.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/08\/ts1.png\")
<\/h4>\nPerformance Tab<\/h4>\n
Performance tab will let you clean up your head area. You can remove feed links, RSD,\u00a0wlwmanifest, generator, short links, emojis, embeds, jQuery migrate, and RSS feeds.<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/08\/ts2.png\")
<\/p>\nWhite Labeling<\/h4>\n
You can easily white label your theme with the built in options. This is great for those who use the child theme generator and will allow you to completely white label the theme for your project.<\/p>\n
White labeling the framework is as simple as going to the theme settings, filling in the necessary fields and clicking save. Voil\u00e0! You now have a custom branded theme for your website project!<\/p>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/08\/ts3.png\")
<\/p>\n5 Reasons to use WPBF with Beaver Builder<\/h2>\n
Here are the reasons why WPBF is a perfect fit for\u00a0Beaver Builder Plugin<\/a>.<\/p>\n
- \n
- The Super user Control –<\/strong> If you want to make full use of the Beaver Builder, then the WPBF will be the best sidekick to it as the Page Builder Framework has loads of functionality to start.<\/li>\n
- Beginner Friendly –<\/strong> Just like the Beaver Builder, WPBF is easy enough for a beginner to use.<\/li>\n
- Ultimate Header Customization –<\/strong>\u00a0While Beaver Builder can take care of the content area, the WPBF will handle the Header customization.<\/li>\n
- Compatibility –<\/strong> Both, Beaver Builder and the WordPress Page Builder Theme are impeccably compatible with each other, so there is no compatibility issue.<\/li>\n
- Beaver Themer Ready –<\/strong>\u00a0 The Framework is compatible with Beaver Themer addon<\/a>.<\/li>\n<\/ul>\n
Click here to get your copy of WPBF Theme<\/strong><\/a>.<\/p>\n
Do you want more Customization Power with the Beaver Builder and the WPBF Theme?<\/h3>\n
![\"\"](\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/2017\/07\/powerpack-fb-image-1024x538.jpg\")
<\/p>\nYou can get more than 250-page templates<\/a> and row templates<\/a> and more than 50 modules for your website to work with and increase the customization possibilities by getting the fantastic Beaver Builder PowerPack Addon<\/a> today! You would not believe the scale of customization you will get with this plugin! This addon will set a higher standard for your Beaver Builder<\/a> and give you more power!<\/p>\n","protected":false},"excerpt":{"rendered":"
Are you confused about which theme or framework to get for your page builder\u00a0and what features to look for? This article will answer all your questions. Choosing a good theme is not easy these days. Just having a page builder will not guarantee you full customization power. You will require a theme that offers great…<\/p>\n","protected":false},"author":1811,"featured_media":40402,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[14],"tags":[],"class_list":["post-39720","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/39720"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/1811"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=39720"}],"version-history":[{"count":0,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/39720\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media\/40402"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=39720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/categories?post=39720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/tags?post=39720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Beginner Friendly –<\/strong> Just like the Beaver Builder, WPBF is easy enough for a beginner to use.<\/li>\n
- Navigation –\u00a0<\/strong>The navigation allows you to make changes to the elements such as menu, seach icon, menu height, menu item spacing, background, font & hover color.<\/li>\n
- Changing the Text Color and Bold Text color<\/strong> can be easily done here.<\/li>\n