I have 2 CPT Pages from the Same Content Template with Different Full Widths

This support ticket is created 5 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	-
-	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	-

Supporter timezone: Europe/London (GMT+00:00)

Tagged: Content Templates, Views plugin

This topic contains 3 replies, has 2 voices.

Last updated by andrewF-6 5 years, 2 months ago.

Assisted by: Nigel.

Author

Posts

October 7, 2019 at 8:49 am #1356753

andrewF-6

Tell us what you are trying to do?
My question has to do with the container width of these two pages:

Wrong Container Width
1. hidden link

Correct Container Width
2. hidden link

Both of these pages should be full width like #2 above but they are not. Do you now why?

Both of these posts are generated from the same Toolset Content Template.

Thanks.

October 7, 2019 at 1:11 pm #1356969

Nigel

Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi Andrew

Looking at the posts on the front end the correct one applies a max-width of 100%, while the smaller one applies a max-width of 1080px (see screenshots).

The selector on the correct one doesn't seem to catch the incorrect one.

These are just single CV posts made with the same template for single CV posts (designed with Divi), yes?

Are there any formatting options for the posts themselves that differ?

As an aside, I note that you have Bootstrap CSS active, which is not recommended on Divi sites, because Divi is not compatible with Bootstrap, resulting in potential styling conflicts (see https://toolset.com/documentation/recommended-themes/toolset-divi-integration/matching-divi-styling-using-toolset/).

I don't think that's a factor here, though.

If you cannot spot any differences between the posts themselves (are the posts designed with Divi?) then I'll need to take a look.

Let me mark your next reply as private so that I can get log-in credentials from you—you may want to create a temporary admin user for me to use that you can later delete. And be sure to have a current backup of your site.

October 7, 2019 at 1:24 pm #1356987

andrewF-6

Dear Nigel,

I was able to resolve this issue with the following CSS. I also note your comments about bootstrap and Divi - this will be the last project using Toolset and Divi - going forward everything will be ASTRA and Toolset! The conflicts are horrendous.

.single.et_pb_pagebuilder_layout #main-content .container {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
}

Thanks for the quick response - very much appreciated!
Andrew

October 7, 2019 at 1:45 pm #1357063

andrewF-6

My issue is resolved now. Thank you!