How to disable Tooltip arrows on hover

Hello,

I want some help, with Tooltips and strange arrow. As I can see, that tooltip ID is generated randomly. What I did, I found a CSS code for hiding these. I pasted it. Code which was pasted:

.woodmart-tltp span.woodmart-tooltip-label,
div.tooltip-inner {
display:none;
}

.woodmart-tltp span.woodmart-tooltip-label:before,
div.tooltip.top .tooltip-arrow {
display:none;
}
.woodmart-buttons>div a span.woodmart-tooltip-label:before {
display:none;
}

And after that, there are strange arrows on the hover item.
To know the background: trying to add text via Content CSS and after that, I will add icons as well – cart, quick lookup and to like a product. Also, need help with that icon, how to do it in the right way – PHP template edit? CSS and content?

Thanks in advance,
BR.

Attachments:

You must be logged in to view attached files.

Hello,

Please try to replace the class woodmart to wd

If you have any questions please feel free to contact us.

Best Regards

Unfortunately, still the same.
This arrow is just on Hover.

I think I need to go through a different way, by editing a single product PHP template at first, to add text to icons.

Every icon must have a displayed text. After that, go to tooltip editing. Could you walk through with all these changes?

Hello,

Here are the files where you can edit the buttons:

woodmart/inc/integrations/woocommerce/modules/wishlist/class-ui.php

function add_to_wishlist_btn

woodmart/inc/integrations/woocommerce/modules/compare.php

function woodmart_add_to_compare_btn

woodmart/woocommerce/loop/add-to-cart.php

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts