Disable all Pro functions and styling on some pages

Support
#1

Hi there,
We are slowly migrating from Beaver Builder and the Genesis framework to using Pro, but we need to keep some pages in the Beaver Builder framework for now.

Is there a way to disable all Pro styling and just hand over certain pages entirely to the page to Beaver Builder? Currently we can’t stop Pro css boxing the content and displaying background images…

#2

Hey @ichibanj,

Regretfully, there is no way to disable the theme’s CSS per page. If you’re still in transition and don’t want show a background image, you should not use the Global Background option in Theme Options > Layout and Design. If you don’t want the contents contained, you can use a Blank No Container page template. For more details, please see https://theme.co/apex/forum/t/meta-options-pages/144. You also need to use the Fullwidth Site Layout in Theme Options > Layout and Design.

Thanks.

#3

This would work, but we are using Boxed in Theme Options > Layout and Design. Is there any other approach we could take?

#4

Hi,

You need to create a Custom template in your child theme and use that for your beaver pages.

Kindly refer to the links below

https://developer.wordpress.org/themes/template-files-section/page-template-files/

Hope that helps.

#5

Ok thanks, I can follow all that. But I still can’t figure out how to remove the boxed aspect. The template: No container / No Header / No Footer works fine but the beaver builder content is then boxed. How can I have a template the same as this, but full width instead of boxed. (The rest of the site is integrity boxed so I can’t change the global setting).
Thanks

#6

Hi @ichibanj,

You mean with No Container template, it still boxed? In that case, it’s the limitation of the builder you’re using. Perhaps it has similar inner container feature that boxes the content. Maybe this would help http://forum.wpbeaverbuilder.com/support/q/full-row-background-edge-to-edge/

Else, please provide a sample URL and we’ll check if it’s theme related.

Thanks!

#7

The content all looks correct except for the fact that it’s boxed.

#8

Hi ichibanj,

I suggest that you go to the page in question and in the Page Settings under the Body CSS CLASS option add a class. For example: noboxed

Then please add the CSS code below to X > Theme Options > CSS:

.noboxed.x-boxed-layout-active .site {
    max-width: 100%;
}

From now on whenever you want to use the builder in question, just add the class to that page to make it full width.

Thank you.

1 Like
#9

Perfect! Thanks @christopher.amirian :grinning:
I love it when the ultimate answer that works is a simple one.

#10

Glad that we could be of a help :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.