Is it possible to add text next to a floating button? Often the icons are insufficient to describe what the button will do.
The 3rd button
Tried but not working .
tooltips code sample:
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
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:
<pre><span><style>
.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;
}
</style></span></pre>
1 Like
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
