WooCommerce Product Page Changes

Support
#1

http://rleone.com/shop/

Hi,
I’d like to:

  1. Put a black frame around the image
  2. Remove the “Reviews” tab
  3. Remove the “Uncategorized” text
  4. Remove the box around the “Description” Tab
  5. Create a gap btw Header/Nav and the top of the image

Thanks!

#2

Hey Robert,

Please add this code in X > Theme Options > CSS:

.woocommerce-product-gallery__image a img {
    border: 20px solid #000;
}

Please edit the product settings and disable Reviews.

Add this code in the Global CSS:

.product_meta {
    display: none;
}

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

Please follow the suggestion I made in the previous thread you posted.

Hope this helps.

#3

Hi Jade,
Thank you for all your responses.

After a lot of back and forth I was finally able to set up my pages so that they show properly on all devices. To add the code you provided for question 5 throws throws this out of whack. Is there any code to target only the Shop and Product pages?

#4

Hello Robert,

Create a gap btw Header/Nav and the top of the image

Please let us know how it goes.

#5

Worked Great. Thanks!

#6

You are most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.