The styling on the Woo commerce forms are not there.

1) Please add the below below code to Appearance->Editor->style.cs

.woocommerce-page .site__content {margin-top: 120px;}
.woocommerce-page .woocommerce, .woocommerce-page .site__centered {margin-bottom: 20px;}
.woocommerce-page #sidebar, .woocommerce-page .related.products { display: none;}
.single_add_to_cart_button:hover, .single_add_to_cart_button,.wc-proceed-to-checkout a.checkout-button, .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout-payment #place_order:hover {background-color: #ff7777 !important;border-color: #ff7777;}

2) Copy conferencepro/woocommerce/global/wrapper-start.php to conferencepro-child/woocommerce/global/

3) Open conferencepro-child/woocommerce/global/wrapper-start.php

4) Search for:

page__scroll

5) Please change this to:

page__scroll site__centered

6) Save the file.

Please change the color codes with appropriate colors.

Was this article helpful to you? Yes No 2