Hi,
I am viewing a test product post I created which appears to be reduced in page width as shown in the attached screenshot. Is there something I'm doing incorrectly?
Hello,
It might be a CSS problem related to your theme, I suggest you follow our document setup the template of single product post:
https://toolset.com/learn/create-an-ecommerce-wordpress-site/single-product/#creating-custom-single-product-woocommerce-templates-steps-to-follow
If the problem still persists, please try this:
Deactivate other plugins and switch to wordpress default theme 2017, and test again.
Could this a conflict with Toolset and the Divi Builder?
Yes, it could be a CSS compatibility problem, if you need assistance, please provide a test site with the same problem, I need to test and debug it in a live website.
Hi Lou,
Thank you for following up. I recalled that there was mention of some conflicts between Divi and Bootstrap and I was able to resolve the issue fully with the following support article: https://toolset.com/documentation/recommended-themes/toolset-divi-integration/matching-divi-styling-using-toolset/
I believe it was setting the section padding on all for sides to 0px is what ultimately resolved the issue as you can see in the following link: hidden link
Thank you for your support.
I assume you are going to remove the right margin of the table in your webpage, it should be a CSS problem, you can use CSS codes to override the the CSS settings from your theme, for example:
.et_pb_gutters2.et_pb_row .et_pb_column {
margin-right: 1% !important;
}
See screenshot:
margin.JPG
Thank you for pointing that out. I appreciate your support.
Please let me know if you still need assistance for it, you can take a screenshot for what you are going to achieve, I can test and debug it in my Chrome browser, thanks
