1. Home
  2. Docs
  3. Conference Pro
  4. Frequently Asked Questions
  5. The styling on the Woo commerce forms are not there.

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