WooCommerce Product Tab Hover Color

[USAT009]

I just wanted to hide the tab but keep the contents and couldn’t figure out how to do it. So i figured a simple way to do that would be to make the background and font white and have white interactions so it never is visible.

However, this blue top border is still there, and i can’t find the code that makes it go away, or let’s me change it to white for all interactions and activity statuses.

Any help?

AirLink® MP70 High Performance LTE Vehicle Router - USAT Corp

This is all i have so far:

.x-nav-tabs>li>a {
    color: #fff!important;
    background: #ececec;
}

.x-nav-tabs>li>a:hover,
.x-nav-tabs.top>.active>a:hover {
    border-radius: 10px;
    background: #fff;
}

[nabeel]

Hi Jesse,

Thank you for reaching out to us. This would require custom CSS and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it. You can simply replace your code with the following to hide the navigation tabs along with the border:

ul.x-nav.x-nav-tabs {
    display: none;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[USAT009]

That was exactly what I was looking for, thank you. Worked perfectly.

[lely]

You’re always welcome Jesee!

Cheers.