# ¿css collection? **URL:** \ **Category:** Ask for Help\ **Created:** [June 23, 2021, 11:47pm UTC](https://community.glideapps.com/t/css-collection/28295 "2021-06-23T23:47:54Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Jorge\_Hernandez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jorge_hernandez/32/25768_2.png) [@Jorge\_Hernandez](https://community.glideapps.com/u/Jorge_Hernandez)\ **Post date:** [June 23, 2021, 11:47pm UTC](https://community.glideapps.com/t/css-collection/28295/1 "2021-06-23T23:47:54Z")
Does anyone have a nice collection of CSS codes with its identified functions? ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [June 24, 2021, 12:08am UTC](https://community.glideapps.com/t/css-collection/28295/2 "2021-06-24T00:08:35Z")
try this: > **[Code BOOK](https://code-book.glideapp.io/)** > > share cool codes, scripts and links ---
**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\ **Post date:** [June 24, 2021, 12:29am UTC](https://community.glideapps.com/t/css-collection/28295/3 "2021-06-24T00:29:00Z")
This one is by @ThinhDinh and @Lucas_Pires > **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2)** > > A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team ---
**Author:** ![Jorge\_Hernandez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jorge_hernandez/32/25768_2.png) [@Jorge\_Hernandez](https://community.glideapps.com/u/Jorge_Hernandez)\ **Post date:** [June 24, 2021, 12:30am UTC](https://community.glideapps.com/t/css-collection/28295/4 "2021-06-24T00:30:27Z")
Just that I was looking for. ---
**Author:** ![Jorge\_Hernandez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jorge_hernandez/32/25768_2.png) [@Jorge\_Hernandez](https://community.glideapps.com/u/Jorge_Hernandez)\ **Post date:** [June 24, 2021, 12:36am UTC](https://community.glideapps.com/t/css-collection/28295/5 "2021-06-24T00:36:06Z")
![Untitled](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/2/e2363361fc662872750e84bd07217457ac78e3e9.png) ¿Puedo cambiar el color de ese texto manteniendo el grosor? ---
**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\ **Post date:** [June 24, 2021, 12:56am UTC](https://community.glideapps.com/t/css-collection/28295/6 "2021-06-24T00:56:21Z")
Ya te respondí en la otra publicación > [@Cambiar color a texto](https://community.glideapps.com/t/cambiar-color-a-texto/28296/2): > > Why don’t you use a simple HTML trick \

Categorías in a rich text xomponent. h1=headline 1 h2=headline 2 etc etc. ---
**Author:** ![Aron\_Fuentes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aron_fuentes/32/40217_2.png) [@Aron\_Fuentes](https://community.glideapps.com/u/Aron_Fuentes)\ **Post date:** [June 10, 2022, 6:07am UTC](https://community.glideapps.com/t/css-collection/28295/7 "2022-06-10T06:07:39Z")
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 ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [June 10, 2022, 7:45pm UTC](https://community.glideapps.com/t/css-collection/28295/8 "2022-06-10T19:45:26Z")
![Screen Shot 2022-06-10 at 3.42.23 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/1/e147b8d1e3b593682fae82c3846e45f116b95fcd.png) 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 ---
**Author:** ![Aron\_Fuentes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aron_fuentes/32/40217_2.png) [@Aron\_Fuentes](https://community.glideapps.com/u/Aron_Fuentes)\ **Post date:** [June 12, 2022, 4:45am UTC](https://community.glideapps.com/t/css-collection/28295/9 "2022-06-12T04:45:18Z")
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. ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [June 12, 2022, 4:51am UTC](https://community.glideapps.com/t/css-collection/28295/10 "2022-06-12T04:51:12Z")
you need to show me what exactly is your case… codes are very specific cases ---
**Author:** ![Aron\_Fuentes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aron_fuentes/32/40217_2.png) [@Aron\_Fuentes](https://community.glideapps.com/u/Aron_Fuentes)\ **Post date:** [June 12, 2022, 5:33am UTC](https://community.glideapps.com/t/css-collection/28295/11 "2022-06-12T05:33:12Z")
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, ---
**Author:** ![Frankchavezbernal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/frankchavezbernal/32/41891_2.png) [@Frankchavezbernal](https://community.glideapps.com/u/Frankchavezbernal)\ **Post date:** [June 12, 2022, 6:09am UTC](https://community.glideapps.com/t/css-collection/28295/12 "2022-06-12T06:09:48Z")
Hi, If it has that effect that you report, just remove the hover and the class will remain permanent ---
**Author:** ![Aron\_Fuentes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aron_fuentes/32/40217_2.png) [@Aron\_Fuentes](https://community.glideapps.com/u/Aron_Fuentes)\ **Post date:** [June 12, 2022, 6:30am UTC](https://community.glideapps.com/t/css-collection/28295/13 "2022-06-12T06:30:53Z")
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.](https://code-book-desktop.glideapp.io/dl/ewAiAHQAIgA6ADIALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0AYwBvAGQAZQBzACIALAAiAHIAIgA6ACIAQwBZAC4ANwA1AEEAawA0AFEATgBLAC0ALgBJAEUANABkAE4ASwAtAGUAQQAiACwAIgBuACIAOgAiAEMAUwBTACAAYwBvAGQAZQAiAH0A/full/full) ---
**Author:** ![Frankchavezbernal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/frankchavezbernal/32/41891_2.png) [@Frankchavezbernal](https://community.glideapps.com/u/Frankchavezbernal)\ **Post date:** [June 12, 2022, 6:38am UTC](https://community.glideapps.com/t/css-collection/28295/14 "2022-06-12T06:38:32Z")
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 ---
**Author:** ![Aron\_Fuentes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aron_fuentes/32/40217_2.png) [@Aron\_Fuentes](https://community.glideapps.com/u/Aron_Fuentes)\ **Post date:** [June 12, 2022, 6:39am UTC](https://community.glideapps.com/t/css-collection/28295/15 "2022-06-12T06:39:15Z")
One second ---
**Author:** ![Aron\_Fuentes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aron_fuentes/32/40217_2.png) [@Aron\_Fuentes](https://community.glideapps.com/u/Aron_Fuentes)\ **Post date:** [June 12, 2022, 6:48am UTC](https://community.glideapps.com/t/css-collection/28295/16 "2022-06-12T06:48:24Z")
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 ``` ---
**Author:** ![Frankchavezbernal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/frankchavezbernal/32/41891_2.png) [@Frankchavezbernal](https://community.glideapps.com/u/Frankchavezbernal)\ **Post date:** [June 12, 2022, 6:49am UTC](https://community.glideapps.com/t/css-collection/28295/17 "2022-06-12T06:49:55Z")
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](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/b/9b04824111de26860476dcc0f1b91d79dbc536ea.png) ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [June 12, 2022, 6:53am UTC](https://community.glideapps.com/t/css-collection/28295/18 "2022-06-12T06:53:58Z")
you are using the hover css for it… switch to permanent ---
**Author:** ![Aron\_Fuentes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aron_fuentes/32/40217_2.png) [@Aron\_Fuentes](https://community.glideapps.com/u/Aron_Fuentes)\ **Post date:** [June 12, 2022, 6:54am UTC](https://community.glideapps.com/t/css-collection/28295/19 "2022-06-12T06:54:14Z")
the text above the floating button disappeared completely 😶 ---
**Author:** ![Aron\_Fuentes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aron_fuentes/32/40217_2.png) [@Aron\_Fuentes](https://community.glideapps.com/u/Aron_Fuentes)\ **Post date:** [June 12, 2022, 6:59am UTC](https://community.glideapps.com/t/css-collection/28295/20 "2022-06-12T06:59:34Z")
I did but the text over the buttom desappear [Next page](https://community.glideapps.com/t/css-collection/28295.md?page=2)