Using Brizy Page builder is boxed; Changing Page Background Color

Hello,

Have three issues:

1) I am using Brizy Page Builder plugin, which seems to work with the theme, showing content between the Woodmart Header / Footer using the “Default” WordPress template. However, the content is not showing full width, appearing “boxed” even though I have woodmart theme settings set as Full. (see private content for access)

2) Whether using WP Bakery Page Builder or the brizy plugin, there is a blank space appearing at the top of every page between the header/menu and the page content. Is there a way to remove this other than having to add a negative margin to the top row of content?

3) How to change the background of each page separately (with visual composer)? I see how to change page background color for all pages in theme settings, but would like to be able to have different background colors for each page separately. The CSS codes I found in the forum / online to use in visual composer aren’t working, and further I cannot find a solution for the page(s) created with Brizy.

Please help me remove the margins for pages edited with Brizy and also how to create different page colors for individual pages with visual composer.

Hello,

First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :-).

1) Unfortunately, we could not help you with this as you are using a third party page builder plugin. Because we haven’t tested our theme with the brizy page builder plugin.

2) For the margin coming please provide a relevant screenshot of the specific area with the URL of the page that is created using Wp-Bakery Page builder to check it myself and help you out accordingly.

3) To Change the Background of the page, You need to go to Dashboard -> Pages -> edit page and find the first row on that page. Using Visual Composer drag & drop builder edit this row and click to “Design” tab. There, you can change this background image.

Screenshot for Clarification: https://ibb.co/G2V8G4V

Best Regards.

The brizy page builder plugin seems not to conflict otherwise, and is generating content smoothly between the header/footer. It makes a huge difference that I can use Brizy for internal content, and was something I inquired about in pre-sale.

When I change the margins in the theme settings, the margins also change in the brizy pages. I am also able to use the WP Bakery Editor on brizy pages, to add additional CSS. I would like to continue using your theme, but this seems like a minor issue and it could be fixed with a simple change to the theme in general layout / to reduce the side margins in the page width. I believe the default is to consider the content an unstretched row, so a code snippet that extends/widens the page content should overcome the issue. Please advise how to widen the page content in general, instead of rejecting my inquiry simply because I mentioned a 3rd party plugin.

If there is a fix to the margin at the top of the page, which is occurring in both WP Bakery and Brizy, then it should be analogous to a solution for the side margin issue. I ask again if you would please suggest a comparable solution for the side margins.

Adding a screenshot of a WP Bakery Page and a Brizy Page with the margin issue.

3) This method only changes the background for a single row, not for the entire page. I would like to change the background for the entire page and not edit the backgrounds row by row.

Attachments:

You must be logged in to view attached files.

The other screenshots were not uploading:

Realizing the file sizes were too large, adding screenshots again

Attachments:

You must be logged in to view attached files.

Hello,

1) For the side margins on the Wp-Bakery Page builder you need to edit the page then you need to edit each row and set the row to stretch according to your needs.

Screenshot for Clarification: https://ibb.co/5k6xGW7

2) For the top margin please add the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.site-content {
margin-top: -30px !important;
}

You can adjust the margin value according to your needs.

3) To change the background of a single page you need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.page .main-page-wrapper {
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-image: url("http://web.net/wp-content/uploads/revslider/books1/book-slider-s3-bg.jpg");
}

Replace the image URL from your website.

Best Regards.

This is apparently an issue with the theme that my content is boxed. I reached out to the plugin creator as well and they are saying the theme has a container and margin that is embedded in the theme styling. If you are support, I am asking where the styling is that created this margin and what can be done to change it.

See below:

https://jumpshare.com/v/Epf5snVVcGyqGrVi65Qg
Non-Brizy page

https://jumpshare.com/v/HOrsBYiziHowIBmm8Z5b
Brizy page

This margin is a concern with the theme, not the plugin. The <div> for the margin is coming from the theme, not brizy. The plugin is compatible and the theme is simply adding a margin. Please do not dismiss my request because you don’t want to inspect your own code. There must be a simple CSS change to fix this. Please advise.

Hello,

I saw the screenshots you attached. Please Go to Theme Settings >> General Layout. And the width of the website according to your need.

Screenshot for Clarification: https://ibb.co/L8wLXBd

Best Regards.

It is already set to full width. This is why I am contacting you….

Actually I have it set to “Content Full Width” because when it is set to “full width,” the margin is even larger….

Hello,

You can try assigning custom width to the website from Theme Settings >> General Layout.

Screenshot for Clarification: https://ibb.co/L8wLXBd

If it doesn’t help then provide with admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

[Author]

Posts