Page with for content on pages

Alanyoung85 · July 2023

Hi there, how do I change the page width for just certain pages as I don't want the width being carried out on to all pages such as hub pages and the home page.

Here's a quick video explaining what I want: https://www.loom.com/share/13f6827f8e4e45659359b24c8c5c78c2?sid=5fc22658-4270-4b8e-b3c0-32fc737c6256

Thanks!

Phil · July 2023

Hello,

If you use BeBuilder, you can determine the width of the sections in the section option.

Best regards

Alanyoung85 · July 2023

Hi there, is there a way around this if something is already on Wordpress not BeBuilder as my old posts where imported from the old theme?

Phil · July 2023

Try the following CSS code:

@media only screen and (min-width: 960px){
   .single-post #Content .section_wrapper{
   max-width: 900px;
 }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Alanyoung85 · July 2023

Thank you. That code worked for blog post but I need it for a page because I'm creating articles with pages on this site. Thanks 🙏

Phil · July 2023

Then you need to put this code in the Custom CSS field for the pages where you want to have a different width.

Only remove the .single-post class.

Best regards

Alanyoung85 · July 2023

Thank you!

Page with for content on pages

Comments