Left-aligned?

Hello @sutailia,

Seems like there’s a problem with the theme or another plugin that’s trying to add CSS properties.

I suggest you try disabling all plugins except WooCommerce while activating the default Storefront theme.

If the problem is not present after doing so, then you know there was a plugin or theme conflict. You can enable plugins one by one again to find the culprit.

If you’re not comfortable doing all of this on the live version of your site, you can create a staging environment using WP-STAGING.

In the meantime, you can add the following CSS snippet as a temporary solution to make checkout fields visible for customers.

/* Temporarily fix checkout fields   */

.page-id-7  #content-area {
  max-width: 100% !important;
  padding: 5% !important;
}

.page-id-7 .container:before {
  display: none !important;
}

@media (min-width: 981px) {
.et_pb_gutter.et_pb_gutters2 #left-area {
    width: 100% !important;
  }
}

@media (min-width: 981px) {
 .et_pb_gutters2.et_right_sidebar #left-area {
    padding-right: unset !important;
  }
}

If you’ve never added custom CSS to your theme before, you can check this guide for step-by-step instructions.

Cheers!

Thank you for the response however, that code did not fix it and I had already tried troubleshooting plugins and it was not one of them. However, it does seem to be theme related, after switching themes. I’ll reach out to Divi.

Hi,

Sorry for asking, perhaps this sounds simple, If you edit one of your product descriptions and align it differently to center or to the right, does the issue persist on your product page?

If that does not help, you can contact your theme support here.

Let us know if you have any questions after that.