Weird Hover Over on Color Swatches

[Squatchin]

Hi all, new to shopify and hoping someone can help me figure out what this odd hover over effect is on my color swatches and how I can get rid of it. In the below image, you can see the black bar/arrow that shows up.

Here's a link to a category page if it helps: https://skinfitusa.com/collections/short-sleeve

Thanks!

[oscprofessional]

.boost-pfs-filter-item-swatch li .tooltip {
    display: none;
}

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

[Squatchin]

I don't seem to have theme.scss.liquid template. The only theme option I am seeing is theme.js.

Doesn't seem to have an effect adding it to the end of this one. Any thoughts?

[oscprofessional]

Hi,

Online Store->Theme->Edit code->Assets->theme.scss.liquid

check it in your .css file...

https://www.envision.io/blogs/ecommerce-pulse/28829889-how-to-edit-the-css-of-your-shopify-theme 

[Squatchin]

Hi @oscprofessional,

I got that added in there but it didn't seem to change anything. Did I do something wrong here?

[oscprofessional · Accepted solution]

.boost-pfs-filter-item-swatch li .tooltip {
    display: none !important;
}

[Squatchin]

That did it, thank you so much!!!