Skip Navigation

[Resolved] Divi Rows – Not Full Width when they should be

This thread is resolved. Here is a description of the problem and solution.

Problem:

The issue here is that with this user their divi page won't go full width, even when using the settings in the Content template.

Solution:

Unfortunately I was not able to replicate this on a fresh install however you can workaround this by using the code below.

body.single-house_parties div.container{
padding-top: 0px !important;
width: 100%;
max-width: 100%;
}
body.single-house_parties div.entry-content{
padding-top: 0px;
}
This support ticket is created 6 years, 4 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.

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
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 14 replies, has 3 voices.

Last updated by Adrian Robbins 6 years, 3 months ago.

Assisted by: Shane.

Author
Posts
#1004448
ToolSet Template Creation.JPG
page Layout.JPG

Example property page - hidden link

We built the site in April this year using the Divi theme and DiviEstate child theme and launched 1st May 2018 and we used a custom post for the 33 property pages (all the other blog posts and pages are standard Divi).

On the property custom template, there is a full width row (1st row) for the image slider (slider revolution) and then the purple Title bar below is meant to be full width and also the Google maps row. Everything was OK until earlier this month, when if you "updated" a property the image slider row was still full width, but the row below and the map row below this stopped being full width!

We have tried everything we can think of to resolve.

All we want to do is make the template Full Width and hide the Post title an as per the screen shot it "suggests" that this is possible with Toolset.

What is crazy, is that if we save the property custom post as a "layout" in Divi to the Divi library, then create a new standard post (so not custom) and load the layout everything works correctly.

Could you please offer some assistance? Must be something really simple we are missing.

#1018553

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Adrian,

Thank you for contacting our support forum.

Would you mind providing me with access to the website so that I can have a look ?

Thanks,
Shane

#1069263

Hi Shane

I have made a bit of progress, whilst you are probably in your bed (I live in Scotland LOL)

I added this bit of CSS from a clue I found in one of your colleagues posts from 2017

body.single-house_parties div.container{
padding-top: 0px !important;
width: 100%;
max-width: 100%;
}
body.single-house_parties div.entry-content{
padding-top: 0px;
}

And it has sorted the Full Width problem for the title row (below the picture slider) and the Map. Not sure if this is what you would recommend and if you have a better option, please let me know.

To then remove the custom post title I added this bit of CSS

.house_parties h1 {display:none!important;}

This still doesn't explain why the template settings in Toolset did not work and I would like to know if I did something wrong - this is the first time I have used my own custom posts on a client site.

Look forward to hearing back from you.

Kind regards
Ade

#1069271

Of course that CSS "tweak", whilst sorting the two original rows, has now made the 4 x column Footer area also go 100% full width, so still need to sort this little glitch. Hopefully you have a solution 🙂

#1069310

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Adrian,

Could you remove all the css code that was added ?

I tried the settings on the content template and they are working for me. When I switched to a layout with a right sidebar it works and switching back to fullwidth works as well.

Thanks,
Shane

#1069358
Screen-Shot-2018-07-31-at-16.15.jpg

Hi Shane

That's the CSS code, which I added today removed and the two rows on the property pages have gone back to being constrained by the page width.

You can see this on this page - hidden link

How did you switch to full width? There is not a Full Width option in the Divi Custom Post options.

Kind regards
Ade

#1069483

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Adrian,

Ok I'm able to see the issue now.

Could you provide me with a copy of the theme so that I can test this issue locally to report to our team ?

Thanks,
Shane

#1070346

Hi, Shane is on public holiday today and will return tomrrow to follow up with you.

#1071631

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Adrian,

I tried using FTP to access the theme files but the connection keeps timing out.

Would you mind allowing me to take a copy of the entire site instead using the duplicator plugin ?

Please let me know.

Thanks,
Shane

#1072491

Hi Shane

You can easily do that if you want. We never use FTP on the servers so it is not SFTP - if you change to "normal" FTP, so non-ssl it will connect. I had the same problem with it timing out when i checked I had set-up your account correctly LOL

Kind regards
Ade

#1072722

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Adrian,

I'm still having issues.

I've tested this with the local copy of Divi that I have and the views settings work fine.

I would like to test this with the latest version so could you try uploading a zip file of the theme to Google Drive or somewhere and share with me the link ?

Thanks,
Shane

#1072729

Hi Shane

I have uploaded the latest versions of Divi, Divi Builder and DiviEstate to the public_html drive for the site.

Your FTP account will work, if you select "only use plain FTP" with Filezilla or similar.

Kind regards
Ade

#1072731

In case you still can't get FTP to work, I have added the 2 x Template files to a Dropbox folder - hidden link

#1072737

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Adrian,

Thank you I was able to eventually get onto the FTP and got the themes.

So the issue is definitely local to your site environment as with the divi theme it works fine. Seems that something else is overwriting the css rule for the Fullwidth.

What you can try doing is to temporarily disable the non-toolset plugins and see if the issue still remains.

Thanks,
Shane

#1076164

I have added back the CSS code, which fixes the problem