Docs

[piexec]

http://maddog.piexec.com/shop/
http://maddog.piexec.com/product/gangster-4l60e4l65e/

On both the shop page, and the item page, how do I remove the gray line around the image?

Thanks in advance!

Mike

[Rad]

Hi there,

Thanks for posting in.

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

a.x-img-thumbnail, a.x-img-thumbnail:hover, .post-type-archive-product .entry-featured {
    border-color: transparent !important;
}

Hope this helps.

[piexec]

Perfect.

Is there also a way to move the Add to Cart button off the image, and under the description?

Thanks,

Mike

[Rue Nel]

Hello There,

Thanks for the updates!

To move the “Add to cart” button of the image, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce li.product .entry-header .button {
    position: relative;
    opacity: 1;
    top: auto;
    left: auto;
    right: auto;
}

Hope this helps. Kindly let us know.

[piexec]

Is there any way to add 10px of space between the price, and the Add to Cart button?

http://maddog.piexec.com/shop/

[piexec]

Nevermind my last request. I just decided to hide the buttons.

On the product page:

http://maddog.piexec.com/product/4l80e/

How can I:

1. move the description under the Price and above the Add to Cart button.
2. Hide everything else from the description such as the gray box, title “description” and title “Product Description”

Thanks in advance.

[Jade]

Hi there,

Please try to add this code in the functions.php of the child theme:

function woocommerce_template_product_description() {
    wc_get_template( 'single-product/tabs/description.php' );
}
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_product_description', 20 );

Then add this code in the custom CSS:

.x-nav-tabs, .woocommerce div.product .woocommerce-tabs .x-tab-content {
    border: 0;
}

Hope this helps.

[piexec]

Closer… see attached

[Nabeel A]

Hi again,

Try adding the following code in your Customizer:

.woocommerce div.product .woocommerce-tabs {
    display: none !important;
}

Let us know how this goes!

[Author]

Posts