Answered

Hide Hex

F

Frits Koopmans

started a topic 3 months ago

I Use the color selection by [fpd_cs] shortcode and named the color in the color panel.

But it keeps showing the hex codes over de color thumbnail.

Is there a way to hide the hex codes?

Thnx,

Frits

O

Olivia
said 3 months ago

Hi Frits,
if you already named the colors in the color setting panel,
If you are using Woocommerce, maybe give a try to these option in the FPD "Woocommerce" tab, checking the "NO"
Otherwise, If these changes don't work, i don't see other way to hide hex in frontend than using css

screenshot 2...
(73.2 KB)
screenshot 2...
(104 KB)
F

Frits Koopmans
said 3 months ago

Hi Olivia,

Thanks!

I've tried checking the "NO" on both tabs but no result.
The data-hex codes are still showing on top of the palette.

Do you know wich CSS to use?
O

Olivia
said 3 months ago
You can give a try to

.fpd-cart-element-color{display:none;}
O

Olivia
said 3 months ago

but this will hide all the color elements, including the colored square.

I think you can find the exact css class to hide using the code inspector in your browser
O

Olivia
said 3 months ago
Just find your website, here is YOUR css code :

span.fpd-item.fpd-tooltip:after {display:none}
screenshot 2...
(195 KB)
F

Frits Koopmans
said 3 months ago

Wow, works perfectly.

Thanks a lot!

Login or Signup to post a comment

enable JavaScriptChatBot