Skip Navigation

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

This support ticket is created 5 years, 1 month 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

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)

This topic contains 3 replies, has 2 voices.

Last updated by andrewF-6 5 years, 1 month ago.

Assisted by: Nigel.

Author
Posts
#1356753

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.

#1356969

Nigel
Supporter

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

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

andy-banwell.png
sebastian-barraclough.png

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.

#1356987

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

#1357063

My issue is resolved now. Thank you!