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

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

  • Avatar: LVRB Love's Rebel
    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.
    5 Answers
    Avatar: Tony Rodriguez
    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

    Avatar: LVRB Love's Rebel
    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.
    Avatar: Tony Rodriguez
    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

    Avatar: LVRB Love's Rebel
    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;
    }

    Avatar: Tony Rodriguez
    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.
  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.