Docs

[jsalskebiz]

Hi everyone! Just want to start off by saying I am absolutely loving Xtheme! Best wordpress theme available!

I am having a problem with this page:

http://hearthstrat.com/product/hearthstone-strategy-guide/

I would like my description to be underneath the product picture, and go along the entire width of the page. I would also like the ‘add to cart’ button to appear directly beneath the price. Lastly, I would like to remove the page title: “The Shop” as well as the bit of navigation text.

Is this possible? i have very limited CSS skills so any help would be greatly appreciated!

[Zeshan]

Hi there @jsalskebiz,

Thanks for writing in!

#1: To drop and stretch the product description 100% of the browser’s width, add following CSS under Custom > CSS in the Customizer:

.woocommerce div.product .images {
  float: none;
  margin-bottom: 20px;
}

.woocommerce div.product .summary {
  float: none;
  width: 100%;
}

#2: To move the “Add to Cart” button below the product image, add following JS code under Custom > JavaScript in the Customizer:

jQuery(document).ready(function($) {
  $('.woocommerce div.product .summary .cart').insertBefore('.woocommerce div.product .summary .product_title');
});

#3: As for the page title “The Shop”, it seems you have already removed it.

Hope this helps. 🙂

Thank you!

[jsalskebiz]

Perfect, thanks so much for the help!

[Thai]

Glad we were able to help 🙂

If you need anything else please let us know.

[Author]

Posts