Return to previous page

CSS code to hide tabs and size guide for a specific product

This topic has 6 replies, 2 voices, and was last updated 4 months ago ago by Tony Rodriguez

LVRB Love's Rebel

Participant

June 14, 2024 at 04:23

Hello.

Could you help me with a CSS code to hide tabs and size guide for a specific product?

In the private area I leave the link of the product that I want to hide the tabs and the size guide.

Thank you!

Please, contact administrator
for this information.

#399708 Copied Theme version: 9.3.12

5 Answers
Tony Rodriguez

Support staff

June 14, 2024 at 05:36
Hello, @LVRB Love’s Rebel,

We are reaching out to provide you with the necessary steps to hide the tabs and size guide for certain products as per your request.

**Size Guide:**
To remove the size guide from the specific product you mentioned in the private content area, please insert the following CSS code in the designated path: Xstore > Theme Options > Theme Custom CSS > Global CSS.
```
[data-id="3592"] {
    display: none !important;
}
```
**Tabs:**
We would like to clarify your request regarding the tabs. Could you please provide us with a screenshot of the tabs you wish to hide? This will help us understand your needs better and enable us to assist you more effectively.

We appreciate your cooperation and look forward to your response.

Best regards,
The 8Theme Team
#399711 Copied
LVRB Love's Rebel

Participant

June 14, 2024 at 07:45

hello!
Attached is a screenshot of the area to hide in the selected product.

Files is visible for topic creator and
support staff only.

#399731 Copied
Tony Rodriguez

Support staff

June 14, 2024 at 08:13
Hello, @LVRB Love’s Rebel,

Thank you for your response.

We are reaching out to provide you with detailed instructions on how to modify the display settings for the Product Gift Card as per your recent request.

**Hiding Product Images Below Text:**
To conceal the product images located below the text on the Product Gift Card, as indicated in the screenshot you provided, please insert the following CSS code into your website:

1. Navigate to Xstore > Theme Options > Theme Custom CSS > Global CSS.
2. Add the following code:
```
   [data-id="a025f5c"] {
       display: none !important;
   }
```
**Hiding Tabs:**
To remove the tabs from the Product Gift Card, as shown in your screenshot, please follow these steps:

1. Go to Xstore > Theme Options > Theme Custom CSS > Global CSS.
2. Insert the following code:

` .gift-cards_form + .woocommerce-tabs {
display: none !important;
}

We trust these steps will effectively address your needs. Should you encounter any difficulties or require further assistance, please do not hesitate to contact us.

Best regards,
The 8Theme Team
#399736 Copied
LVRB Love's Rebel

Participant

June 14, 2024 at 16:33

Hello.

The code to hide the text under the giftcard images hides the text for all products and the one found within the tabs of the rest of the products.

Could you send me a code that only hides it for the giftcard product and that does not affect the rest of the products?

This is the code they sent me that does not work as I require:

[data-id=”a025f5c”] {
display: none !important;
}

#399827 Copied

Tony Rodriguez

Support staff

June 15, 2024 at 05:50

Hello, @LVRB Love’s Rebel,

We are pleased to inform you that the issue you reported has been successfully resolved. Our technical team has implemented the necessary CSS code updates to your website.

You can review the changes by navigating to: Xstore > Theme Options > Theme Custom CSS > Global CSS.

For your convenience, We have added direct links to the updated pages for your review in private content area.

Should you require further assistance or have any questions, please do not hesitate to contact us.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#399896 Copied
Tagged: advanced woocommerce editing, css code woocommerce, hide tabs woocommerce, size guide css, specific product customization, wordpress woocommerce templates
Viewing 6 results - 1 through 6 (of 6 total)