¿css collection?

Ask for Help
1

Does anyone have a nice collection of CSS codes with its identified functions?

2

try this:

2 Likes
3

This one is by @ThinhDinh and @Lucas_Pires

5 Likes
4

Just that I was looking for.

5

Untitled
Untitled1335×652 123 KB

¿Puedo cambiar el color de ese texto manteniendo el grosor?

6

Ya te respondí en la otra publicación

1 Like
7

Hi Uzo, dude I am trying to use the code for “text over floating button” but does not happen nothing at all, I think I am who is doing wrong things, please Uzo, could you helpme saying to me what of those camps do I have to change to see results? thanks dude

8

Screen Shot 2022-06-10 at 3.42.23 PM
it works well, did you put in the rich text component? or maybe adjust the :nth-child(1) number to the position of the element

9

THANKS MR.UZO, i AM SORRY IF i DISRTUB YOU ONE MORE TIME, I WONDER HOW DO I DO IF i WANT TO HAVE IT PERMANENT (THE TEXT OVER FLOATING BUTTOM) AND NOT TO APPEAR EVERYTIME I PUT IT ON THE MOUSE, THANKS.

10

you need to show me what exactly is your case… codes are very specific cases

11

the text on the floating button appears only when I mouse over the button, but I would like the text on the button to be visible all the time, just like the floating button in glide,

12

Hi, If it has that effect that you report, just remove the hover and the class will remain permanent

13

Hi Franco, I have tryed but there is not change at all. I would like to have this but in the floating button, thanks guies for helping.

Example of what I want.

14

Send me a screen of what you need and send your code and I will tell you what you will have to do, it seems good to you

15

One second

16

This is the code




.fab-target > :hover:nth-child(1):after { 
       
content: "this is button 1"; 
font-family: Arial;
position: absolute;
top: 0;
right:10px;
width: 110px;
height: 1.25rem;   
background-color: yellow;
color: black; 
opacity:0.8;
}


![captura|360x234](upload://m7lFpKRqo8iKVZsTu7cA0zpemo2.png)

I would like the text was permanent over the floating buttom, thanks in advance Frack
17

use this

.fab-target > :nth-child(1):after {

content: “this is button 1”;
font-family: Arial;
position: absolute;
top: 0;
right:10px;
width: 110px;
height: 1.25rem;
background-color: yellow;
color: black;
opacity:0.8;
}
captura

18

you are using the hover css for it… switch to permanent

19

the text above the floating button disappeared completely :no_mouth:

20

I did but the text over the buttom desappear