Hello,
I am using Kleo theme.
I cannot have a full with page .
Is this normal?
How can I fix this ?
Best regards,
Hervé
Hey Hervé,
Welcome to the BB forums! Could you try following the instructions on this KB article and see if that fixes it? If it doesn’t, we might need temp admin access to your site so we can check. 
Let us know how it goes!
Ben
Hi Ben. I’m having the same issue. First off. Kleo is REALLY awesome. However, Beaver Builder is just leagues ahead when it comes to customization. These two together are incredible.
However. I’m a WP newbie. @Herve’. Did this suggestion work for you?
- Target the content wrapper for builder pages and make it full width by adding the following CSS where #content is the selector for your content wrapper…
…where would I find this? Would it be something I access in filezilla, copy the file. Update it. Then overrite it? Or could I find this somewhere in the admin area.
Hey Jeremiah,
You can find the class of your content area using web inspector depending on the browser you are using. If you can send a URL to your site, I can inspect it real quick and provide that for you.
Best,
Billy
Hey Jeremiah,
Just visited that site and it is indeed full width, did you find a setting or fix it yourself?
Best,
Billy
Guys another thing I’m doing wrong is this. Say, I build something using Beaver Builder. But then. Find it’s not working. And switch back to Visual Composer. What I built utilizing VC won’t show up unless BB is deactivated.
What am I doing wrong.
Regards,
J
Hello,
sorry I should have reported earlier.
Here is the code that will fix the issue, that need to put in “quick CSS” of Kleo :
.fl-builder #main-container.container {
max-width: 100% !important;
width: 1600px;
margin: 0px !important;
padding: 0px !important;
}
.fl-row-bg-video .fl-bg-video video {
bottom: 0;
left: 0px;
position: absolute;
right: 0;
top: 0px;
width: 100% !important;
height: auto !important;
}
.fl-builder .wrap-content {
margin-top: -40px;
}
.fl-row-fixed-width {
max-width: 1400px;
}
If you got back to it. You will see that it goes fullwidth with VC but does not with Beaver.
Technically, you shouldn’t try a use two page builders in the same site as that may bring in conflicts since both do similar things. You may be able to use them on different pages simultaneously, but shouldn’t try on the same page.
Best,
Billy
I hear you!!! I only did it because Beaver wouldn’t go full page. Trying to fix that now.
Hervé beat me to it, thanks Hervé! See above, Jeremiah, you should be good to go!
Newbie question two. Just to make sure. Would I put that css code in the
Admin Dashboard>Appearance>Edit Themes>KleoChild: Stylesheet(style.css)
? Thanks
Hey Jeremiah,
No, we don’t recommend adding custom code to the main stylesheet as it would disappear on updating the theme. Hervé mentions a quick CSS section of Kleo you may want to look for in your dashboard. I’m not familiar with the theme so am not of much help there! You could always look at the theme docs as well. I’m sure that area is covered in there.
Best,
Billy
Jeremiah,
OK here the trick.
fisrt make sure it KLEO child which is activated.
Then go to theme setting
then to general settings,
scroll down to the quick CSS window
paste the code
save
youre should be done !
Best rgs,
Hervé
BOOO-YAA Thanks a mill Herve’!
My pleasure
just a side note Jeremiah. Kleo staff are very supportive. Do not hesitate to contact them if you need support.
http://transparentintegrity.com/home-2-2/
when I did that. This is the what happened. Still seems not to be full page. But instead of being in the center. It seems to be in a strange off beat column.
I think I know what’s going wrong. I’m working on an 5k Imac monitor. When I opened it on a regular 1920x1080 monitor it worked just fine. Does that mean that this isn’t responsive or that I just need to increase the max-width?