Divi Template with Generatepress

Hi there,

Can you go to customizer > layout > container, check what's the Container width is set there?

Let me know.

Hey Ying,

Check the image: https://prnt.sc/1us2fjs

Hey Ying,

Ok, I managed to fix it using this code:

.single-product div#content {
display: block;
}

Just leaving it here incase anyone ever needs it :)

The Divi product is now centered. :)

I think it was a cache issue that this Divi CSS didn't kick in before, but it does now:
[screenshot removed]

Hey Ying,

No, that code was not there by default, I wrote it and tried and it worked.

So, by default it was on left itself, but now it's all good.

Can you pls tell how can I set this for container:

width: 100% and max-width: 1350px;

So, that even if people use it from a very big monitor it shows them max 1350 and on small ones it's responsive.

No, that code was not there by default, I wrote it and tried and it worked.

That's good :)

Can you pls tell how can I set this for container:

The default GP container is 1350px, but the Divi content is not, it's narrower than 1350px.

Your site info has been erased, I can't really offer any solution without seeing the code, but I think there might be a setting in Divi to set the content width to 1350px to match the GP container width.

Ok I have added the link in private box again you can check it.

So Divi does have a max width setting, as you can see, it's set to 1080px.
[screenshot removed]

If you can't find where the setting is, I would recommend reaching out to Divi's support.

Once it's set to 1350px, there should be no alignment issue.

Hey Ying,

I did some changes in code can you pls check it now and let me know.

You can't find the Divi settings?

You can try this CSS instead then:

#et-boc .et_pb_row {
    width: 100%;
    max-width: 1350px !important;
    margin-left: auto!important;
    margin-right: auto!important;
}

But I still recommend do the changes within Divi's settings :)

Hey Ying,

Sorry, I mean I had done the settings on that template page of divi, as I am not using divi overall and we using divi builder its not theme.

But I have done the changes on the template page where we used divi it had option of setting size of the entire page container.

Can you once cross check by visiting the link which I have provided in the private box and let me know if that has been applied or not.

Ah sorry I misunderstood your question :P

Just checked again, so the container has been set to 1350px in divi builder:
[screenshot removed]

But not the rows, they rows are still having this 1080px max width:
[screenshot removed]

The rows are each section you built inside the divi container, check if there's individual setting for the rows.
[screenshot removed]

Hey Ying,

Haha! Ok I got it, you can remove the screenshots, I have saved them with me.

I will test it and let u know if there is any issue, for now I am marking this topic as resolved, thanks a lot :)

Great :) Glad that you figured it out!

I've removed screenshot.