Best casino games for free slots.REGISTER NOW GET FREE 888 PESOS REWARDS!

luctoren123
(@luctoren123)

6 years, 8 months ago
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 (https://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
- This topic was modified 6 years, 8 months ago by Steven Stern (sterndata).
The page I need help with: [log in to see the link]

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

lisa
(@contentiskey)

6 years, 8 months ago

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

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

yashitamittal11
(@yashitamittal11)

6 years, 8 months ago

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)

6 years, 8 months ago
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:
https://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)

6 years, 8 months ago

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:
https://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)

6 years, 8 months ago
Hi luctoren123

for reassurance:
https://codex.www.ads-software.com/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.
- This reply was modified 6 years, 8 months ago by Farook Kholwadia.