Community Forums › Forums › Archived Forums › General Discussion › Altitude Pro & WP Bakery Visual Composer or Beaver Builder
- This topic has 4 replies, 2 voices, and was last updated 7 years, 3 months ago by Kary.
-
AuthorPosts
-
December 9, 2016 at 3:07 pm #197374tnikkolaMember
Hi All
I have used Beaver Builder and WP Bakery on other sites in the past, which were Genesis sites, but never tried with Altitude Pro. I bought both of them and installed them separately. Neither one worked when trying to load the frontend editors. Has anyone else run into this issue? I'm not trying to use them it on the front page, just to build some other pages.
The site is tomnikkola.com.
Any guidance or suggestions would be much appreciated.
http://tomnikkola.comDecember 24, 2016 at 12:05 pm #198077KaryMemberI don't use WPBakery but have used Beaver Builder on many different sites. I only work with Genesis theme and have never had a problem with Beaver Builder loading and being able to use it. It won't work on the default homepage of altitude Pro (or any default homepage that is widgetized). You'll have to make your own home page and use the dambuster plugin to make it work properly with Beaver builder.
Just create your own static homepage like you did "old school" before Genesis, go into setting and choose the page as your default static homepage. After you've installed dambuster, go into the page edit and turn that on for the page. Then you can use Beaver Builder to edit and build the page.
I hope I've explained that clearly enough. If not, you can Skype me and I can show you how I do it. It's really easy once you get the hang of it.
December 26, 2016 at 9:59 am #198221KaryMemberNot the original poster but the most recent - probably
SPAM
December 28, 2016 at 7:34 am #198321tnikkolaMemberThanks Kary. I'm not trying to use it on the home page - just to create some other pages, which is where it isn't working. I did some Googling and came across other people saying Beaver Builder did not work specifically with the Altitude Pro theme, but couldn't find any solutions to make it work. I really like the theme and am hesitant to change it, but I'm not savvy enough to design internal pages without a plugin like BB. Thanks for commenting.
December 28, 2016 at 9:28 am #198345KaryMemberThe only issue I see with Altitude Pro theme and the inside pages is that in edit mode, the top "tabbed area" of the rows is hidden just behind the header/menu bar. It makes it impossible to click on the row to edit it. This looks like a problem with Dambuster not putting enough extra margin at the top of Altitude Pro's pages. But you can fix this by temporarily installing a plugin that will allow you to edit the CSS. Then, you add the code below while you're creating your pages and if you don't like the look of the extra margin/space at the top of the inside pages, delete the style when you're done. But you could also just leave it if you like the extra space.
The harder way is to not use the Dambuster plugin and create your own page template for your Beaver Builder Pages. But that would be much harder to produce than this "hack" I'm about to show you. If you're a member of Sridhar Katakam's website, he explains how to create your own page template to use with Beaver Builder if you don't want to use Dambuster. But barring that, try the fix below...
Install the Simple Custom CSS plugin and activate it - https://wordpress.org/plugins/simple-custom-css/
Go to the dashboard and choose Appearance > Custom CSS
Add this code to the file and click save..gd-full-width .site-inner { margin-top: 100px!important; }
Unfortunately, it is necessary to include the oft-dreaded !important aspect to this code because Dambuster places its site-inner style as an inline style. The !important forces an override and changes Dambuster's code from 75px margin-top, to 100px.
This makes the "tabbed" area of the top row editable.
Hope that helps.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.