Support » Fixing WordPress » Css code to hide description tab without removing the description text

  • luctoren123

    (@luctoren123)


    Hello,

    i would like to remove the description tab on my website.
    I’m using woocommerce and the storefront theme (also added the powerpack pluging).

    On my product page (http://topvakantiedeals.nl/product/zekerheidsdraad-voor-stuurhouder-cc-100/) there is now a tab showing with ”Beschrijving (= description in dutch) and on the right sight you can also see ”Beschrijving” with the description text below.

    I’ve found some CSS code to completely remove the description tab, but this also removes the description text.

    I would only like to remove the ”Beschrijving (=Description) tab on the left side.
    How can i do this? Hope somebody can help me out! Thanks

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • lisa

    (@contentiskey)

    start with something like this: .tabs. wc-tabs{display:none:}

    additionally: contact Storefront theme support team for help with additional theme adjustments

    yashitamittal11

    (@yashitamittal11)

    Hi luctoren123

    You can try adding the following CSS to your styles.css
    OR Go to Customiser-Additional CSS, and add this code there
    .description_tab {
    display: none;
    }

    It hides the description tab.
    See the result https://imgur.com/a/9sDDeRJ

    Regards
    Yashita

    Farook Kholwadia

    (@judgerookie)

    Hi luctoren123

    this is the current code:

    
    .woocommerce-tabs ul.tabs {
        list-style: none;
        margin-left: 0;
        text-align: left;
        border-top: 1px solid rgba(0,0,0,.05);
    }
    

    it’s in:
    http://topvakantiedeals.nl/wp-content/themes/storefront/assets/css/woocommerce/woocommerce.css

    if you place the following in your Additional CSS, it should stop display in the left menu:

    
    .woocommerce-tabs ul.tabs {
        display: none;
    }
    
    Thread Starter luctoren123

    (@luctoren123)

    Thank you everybody for the feedback.
    This worked for me:

    this is the current code:

    .woocommerce-tabs ul.tabs {
    list-style: none;
    margin-left: 0;
    text-align: left;
    border-top: 1px solid rgba(0,0,0,.05);
    }

    it’s in:
    http://topvakantiedeals.nl/wp-content/themes/storefront/assets/css/woocommerce/woocommerce.css

    if you place the following in your Additional CSS, it should stop display in the left menu:

    .woocommerce-tabs ul.tabs {
    display: none;
    }

    Just to make sure, currently im using a child theme to make sure manually CSS codes are maintained when the parent theme is updated. Can’t the changes that i make in Additional CSS not be whiped out for some reason?

    Farook Kholwadia

    (@judgerookie)

    Hi luctoren123

    for reassurance:
    https://codex.wordpress.org/CSS

    If you modify a theme directly and it is updated, then your modifications may be lost. By using Custom CSS you will ensure that your modifications are preserved.

    IMPORTANT! the CSS you are using in Custom CSS is to override the woocommerce stylesheet.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Css code to hide description tab without removing the description text’ is closed to new replies.