-
Posts
-
Hi,
I hope you guys in the support team don’t mind me posting this. I recently posted a couple of questions on how to make Enfold work with the Beaver builder page builder plugin.
I’ve now managed to solve the problems I was having with the Beaver Builder rows not working full width, using this CSS. So in case it might help someone in future, here it is:This enables BB to work full width:
.fl-builder #main .fullsize > .container {
width: 100%;
padding: 0px;
}This removes the padding between the BB template and the nav bar:
.content {
padding: 0px;
}Hugues
Hi Hugues,
Thanks for sharing this. I’m trying to make the Beaver builder page builder plugin work with Enfold as well and I cannot get full width rows yet.
Where exactly do you add this code?
I tried in:
Enfold>General Styling>Quick CSS
Page Builder (within an edited page)>Tools>General Settings>CSS
Nothing works.Could help me with this, please?
Thank you,
Alex
UPDATE: I partly fixed my problem.
I added a line for margin to Hugues code and pasted it in Page Builder (within an edited page)>Tools>General Settings>CSS:.fl-builder #main .fullsize > .container {
width: 100%;
padding: 0px;
margin: 0px;
}Then I had to set the value in Enfold>General Layout>Dimensions>Maximum Container width on 100%.
Now I get a nice full width row right and left but there is still a white strip covering the top of my row’s background
picture. It’s not the header. I set up the header to “invisible and appears once the user scrolls down” and it works accordingly. No idea what this top white strip could be.
When selecting the element on Safari, I get the corresponding code line:<main class=”template-page content av-content-full alpha units” role=”main” itemprop=”mainContentOfPage”> = $0
Any idea?
Hi!
Can you also please show us the web site, so we can try to debug where the space is?
Thanks a lot
Regards,
BasilisHey Alex,
I added this to custom CSS and it removed the white band between the top of the beaver Builder created page and the header and it worked. I too had “transparent header” set up for the site I tried it on and it worked great.
.content {
padding: 0px;
}Does that work for you ?
Hugues
Basilis, Hugues,
Thanks for the quick reply!I added your code:
.content {
padding: 0px;
}
to Beaver Builder, but it didn’t fix the problem.Basilis, this is the website: http://myfrench.kr/?page_id=38&lang=fr
I just started it so there is not much there and I’m new to website making. :)I also have responsiveness problems (header text doesn’t scale and the logo on the main page is moving to the left on Safari) but I will post a new thread later if I cannot fix that myself.
Thanks for your helpHi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
AndyDid anyone get Enfold/Avia to work with Beaver Builder or find a way to bring a saved Avia template over to Beaver Builder?
Hi,
The theme has its own advance layout builder so I don’t think you’ll need the Beaver Builder. Please note that the plugin is not included in the list of compatible softwares. We’re very sorry to hear that you want a refund. You’ll need to contact themeforest for it.
Best regards,
Ismael
- You must be logged in to reply to this topic.