How to remove Tooltips on colored ico

𝐍𝖾ω𝐋ⱺ𝗀𝗂𐓣𝐎𐓣𝐓ɦ𝖾𝐁ᥣⱺ𝗄

Active member

Jul 7, 2020

380

72

28

Jakarta

• Mar 15, 2021

• #1

Wordpress themes : Pawsitive Version: 1.1.0 from http://bold-themes.com/
i downloat the themes from babiato.

the question is :

i can not remove colored icon tools tips [ICONS-Pawsitive]
already using img title remove plugin and custom JS to remove img title
thats work for img. but not for icon...

anyone here can help ?

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Mar 15, 2021

• #2

Try this:

CSS:

svg {
    pointer-events: none;
}

That will only work well with svg's that don't have any other pointer-event (like 'click').

 

• 

Reactions: 𝐍𝖾ω𝐋ⱺ𝗀𝗂𐓣𝐎𐓣𝐓ɦ𝖾𝐁ᥣⱺ𝗄

𝐍𝖾ω𝐋ⱺ𝗀𝗂𐓣𝐎𐓣𝐓ɦ𝖾𝐁ᥣⱺ𝗄

Active member

Jul 7, 2020

380

72

28

Jakarta

• Mar 15, 2021

• #3

frizzel said:

Try this:

CSS:

svg {
    pointer-events: none;
}

That will only work well with svg's that don't have any other pointer-event (like 'click').

Click to expand...

it's work even under <a href

thx dude..

so its about SVG not tooltips
i was looking on wrong place

btw do you use this themes ?

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Mar 15, 2021

• #4

It's a browser behaviour: if a svg has a 'title' tag it will be displayed as a tooltip.
No, I don't use this theme.

 

• 

Reactions: 𝐍𝖾ω𝐋ⱺ𝗀𝗂𐓣𝐎𐓣𝐓ɦ𝖾𝐁ᥣⱺ𝗄

𝐍𝖾ω𝐋ⱺ𝗀𝗂𐓣𝐎𐓣𝐓ɦ𝖾𝐁ᥣⱺ𝗄

Active member

Jul 7, 2020

380

72

28

Jakarta

• Mar 15, 2021

• #5

i see.. thankyou for your information

ummm
so with other themes that use svg title i must put that css ?
is there any wp plugin can do that ?

and is there any svg trick or hack that i can read ? ( never use svg lol ..newbie )


-------------------
@Tomz : perhaps you know about this plugin ^_^

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Mar 16, 2021

• #6

There's no plug-in that can remove a hardcoded svg title. You can remove it with javascript, but I think the CSS approach is the easiest and most elegant and lightweight solution to prevent the title being shown as a tooltip.

 

• 

Reactions: 𝐍𝖾ω𝐋ⱺ𝗀𝗂𐓣𝐎𐓣𝐓ɦ𝖾𝐁ᥣⱺ𝗄

𝐍𝖾ω𝐋ⱺ𝗀𝗂𐓣𝐎𐓣𝐓ɦ𝖾𝐁ᥣⱺ𝗄

Active member

Jul 7, 2020

380

72

28

Jakarta

• Mar 16, 2021

• #7

frizzel said:

There's no plug-in that can remove a hardcoded svg title. You can remove it with javascript, but I think the CSS approach is the easiest and most elegant and lightweight solution to prevent the title being shown as a tooltip.

Click to expand...

okay, thank you for your help ...


i will put this css to all my site(that use svg )