Make Pro page full width using WP Bakery Pagebuilder / Visual Composer

[Feldspar]

Hey,

I’d like this site to be full width.
http://autonomousfusion.com/landing/

The video and the turquoise bar should be full browser width.

How can I make this change?

Thanks,

J

[thai]

Hi There,

Please try adding this custom CSS under Pro > Theme Options > CSS:

.page-id-70 .entry-wrap > .x-container.max.width {
    width: 100%;
    max-width: 100%;
}

Hope it helps

[Feldspar]

Thanks so much Thai.

I‘ll eventually want to apply this to all pages on the site. Can you show me what that code looks like?

J

[Prasant]

Hello @Feldspar,

Thanks for updating the thread.

To make the changes sitewide, you just need to remove page-id from above code. Here is the updated code that can be used:

.entry-wrap > .x-container.max.width {
    width: 100%;
    max-width: 100%;
}

Thanks.

[Feldspar]

Thanks Prasant. That looks great.

If I want to give text only a 10px margin on the left and right sides on all pages, can I just add:

p {
margin: 10px;
}

J

[Prasant]

Hello @Feldspar,

Thanks for updating thread.

Yes, you can use p selector but few changes needs to be made as you are looking to add margin only of left and right hand side of canvas. Please use following code:

p {
    margin: 0 10px;
}

I suggest you to take a look at following article to learn more about margin property and the direction it follows. Kindly give more attentioned to the section that starts with If the margin property has four values:.

https://www.w3schools.com/cssref/pr_margin.asp

Thanks.

[Feldspar]

Great. Thanks again Prasant.

J

[friech]

You’re more than welcome, glad we could help.

Cheers!