Is it possible to add text next to a floating button? Often the icons are insufficient to describe what the button will do.

[image] Floating Buttons, Tooltip, CSS Community Resources Hello, my original idea was to create tooltips for the floating buttons. Because despite many icons available, it is not always easy for some users. Except that I forgot that it doesn’t work with a mobile face_with_raised_eyebrow neutral_face thinking, so I made a version with additional text. Well, it still works in desktop mode. This is not ideal if you are using visibility. But hey in the meantime, it can still be used. [image] .fab-target > :hover:nth-chi… The 3rd button

tooltips code sample: [image] Code BOOK - Desktop share cool CSS, scripts and links

This didn’t work for me at all - like it made no difference to my floating button. Any idea why?

can i see the screenshot of your Glide editor? show me rich text, and position of the floating button

Thanks for the speedy reply. [Screenshot 2022-12-16 at 14.31.27] [Screenshot 2022-12-16 at 14.31.36]

and is not showing, when you are hovering mouse over it? i just test it, and it works… maybe you are looking for non hover?.. here you have both: .fab-target > :nth-child(1):after { content: "this is button 1"; font-family: Arial; position: absolute; top: -10; right:50px; width: 110px; height: 1.25rem; background-color: yellow; color: black; } .fab-target >:hover:nth-child(1):after { content: "HOVER button 1"; font-family: Arial; position: absolute; top: -10; right:50px; width: 110px; height: 1.25rem; background-color: blue; color: white; }

thank you, it’s sorted! question - do you know how to change the shape of a floating button by any chance? I checked your code book but couldn’t see it covered

what kind of shape? Do you know that you can simply use any image as a floating button?

An oval shape with text… a bit like the button you’ve created here: Code BOOK - Desktop

CSS to add text next to floating button?

Ask for Help

Manu.n May 25, 2021, 1:13pm 2

The 3rd button

Topic		Replies	Views
Floating Buttons, Tooltip, CSS Community Resources	5	2617	June 30, 2021
HTML for floating button - here you go! Community Resources	21	6287	October 28, 2022
Floating Button Glows in "Code Book" Preview, but not in my app Ask for Help	15	818	September 30, 2021
¿css collection? Ask for Help	25	1587	June 12, 2022
Is this type of popup doable in Glide? Ask for Help	13	694	April 8, 2022

CSS to add text next to floating button?

Related topics