Cafe Pro – Remove border & make pages full-width

[bradm413]

Is it possible to remove the borders on the main content area on all pages and make them full-width instead of the white boxed area in the middle?

This site isn't live yet, so unfortunately I can't provide a URL.

I have searched these forums, but if there is already documentation on this I will be glad to go through that. Thanks!

[Victor Font]

You can either remove the max-width or set it to 100% in this CSS:

.site-inner, .wrap {
    margin: 0 auto;
    max-width: 1200px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[bradm413]

Thank you for your help! That worked great.

Now the only thing left is that there still seems to be something that is not set to 100% width on a page.

I should probably also mention that I'm using Beaver Builder to add elements to the pages. I went ahead & setup a test site that exactly mirrors what I'm trying to do on my new client site:

http://test.genesisbay.com/test

How can I get the middle section to be 100% width and extend all the way from the header to the bottom to touch the footer?

Thanks!

[bradm413]

Just checking if anyone had an idea of how I could achieve this?

How can I get the middle section to be 100% width and extend all the way from the header to the bottom to touch the footer?

http://test.genesisbay.com/test

[bradm413]

Actually, nevermind 🙂 I found a way within Beaver Building to achieve this. I can set custom CSS for a particular page, so I added this to the pages I wanted to be full width:

.content .entry {
	border: none;
	margin: 0 0;
	padding: 0 0;
}

that appears to be working now! Thank you, Victor for all your help on this!

[Author]

Posts