# Beautiful Design App **URL:** \ **Category:** Project Showcase\ **Created:** [September 22, 2020, 12:23pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191 "2020-09-22T12:23:59Z")\ **Posts on this page:** 20\ **Page:** 29
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [May 24, 2021, 4:40am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/568 "2021-05-24T04:40:33Z")
Omg, that’s awesome! Did you do it with buttons… or? ---
**Author:** ![alfonso\_ayala](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alfonso_ayala/32/10862_2.png) [@alfonso\_ayala](https://community.glideapps.com/u/alfonso_ayala)\ **Post date:** [May 24, 2021, 5:27am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/569 "2021-05-24T05:27:19Z")
Guys someone will have the css to resize and move the avatar of an inline card I can not find it I would appreciate it ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [May 24, 2021, 6:21am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/570 "2021-05-24T06:21:07Z")
@Joe_Gabriele Impressive styling👍 ---
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [May 24, 2021, 6:46am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/571 "2021-05-24T06:46:59Z")
To test, for example I failed to resize the avatar ``` .bottom-left-overlay{ margin-top:calc(1% - 35px); margin-left:calc(50% - 25px); } ``` ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/c/2c4474fe90d6129a7533ec5033c0f24c9d92b8ec.jpeg) ---
**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\ **Post date:** [May 24, 2021, 10:46am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/572 "2021-05-24T10:46:07Z")
Yep, used 3 different buttons lol. Full color is obviously the first button style. Middle ones are the transparent button style. Bottom one is the bordered button style. Would you happen to know how to reference each button class without using the specific class names (ie: .iYUsjxk) I know button[data-test=“app-button-view”] works, but applies to all buttons. Also that doesnt show up on buttons with External Links. ---
**Author:** ![alfonso\_ayala](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alfonso_ayala/32/10862_2.png) [@alfonso\_ayala](https://community.glideapps.com/u/alfonso_ayala)\ **Post date:** [May 24, 2021, 2:42pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/573 "2021-05-24T14:42:47Z")
thanks Men i will try ---
**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\ **Post date:** [May 25, 2021, 11:20am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/574 "2021-05-25T11:20:54Z")
I don’t know if its uselful but let me share you a new discovery ( for me ) with [sirv.com](http://sirv.com) you can put in the background the [[loading.io](http://loading.io)] animated svg backgrounds !!! with a rich text editor component and this code .background { position: fixed; margin-top:0px; margin-bottom:50px; width: 100%; height:100%; top:0; right:0; left: 0%; z-index:-100; filter: brightness(100%); background-image: url(“[https://rstomerk.sirv.com/Images/yoursvgname.svg](https://rstomerk.sirv.com/Images/yoursvgname.svg)”); background-size: cover; background-position: center center; } Its an external service , i’m wondering how much this could affect in terms of speed i’d like sooo much to have a background option here in Glide…and they advise not to use rich text editor component like this… for what its worth here it is. Ps.LET ME THANK The loading,io guys and girlsTHEY ARE SIMPLY GREAT , KIND AND PROFESSIONAL GO SUPPORT THEM !! AS WELL AS THE ELFSIGHT GIRLS AND GUYS !!! ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/3/13376881778a0f653a9dd73a1a9315a143f11eed.jpeg) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/0/608c83d3046160f72c99cea4fc9fd3552e2548bb.jpeg) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/a/8ae2a5f81bf6d34afdc564a5a95ced372d59f7e4.jpeg) ---
**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\ **Post date:** [May 25, 2021, 12:30pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/575 "2021-05-25T12:30:51Z")
Have you tried using one of these for your background image on the welcome / loader screen yet? Looks like you can download them as GIF’s but requires a paid PRO account to get. ---
**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\ **Post date:** [May 25, 2021, 2:23pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/576 "2021-05-25T14:23:59Z")
No not on the welcome loader…as far i know there is no option for a rich text component but yes i have tried on home screen and inline list screens and yes you have to pay but its just 2 dollars at files and the monthly fees are quite reasonable , i’m really happy paying the right price for such incredibile items . Not to mention the delicious quality high support. Elf Sirv and loading are my heroes. Entry free with great feautures , paid plans very cheap and an incredibile quality.Such as Glide , yes they are external but the more we support the more its safe to rely on them snd then you can use them in your sites , other framework ( sometimes the customer asks …you know) .That being said if only Glide could update audio player and Ui option,but u know u can’t have all and this way of missing its an incredible way to learn.As i said above thank you guys. ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [May 25, 2021, 2:50pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/577 "2021-05-25T14:50:34Z")
@Manu.n seems to be doing the same as cloudinary. Where have you found differences - and where is it better then e.g. cloudinary? ---
**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\ **Post date:** [May 25, 2021, 2:55pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/578 "2021-05-25T14:55:40Z")
To be honest i have no experience with Cloudinary so thanks for the hints mine is more similar to a wild search and interconnect ideas…not really professional but…hey works…😉maybe here there are great experts as Robert Petitto which i saw teaching into the “cloudinary “,i confess my ignorance about it and i’m really happy because for me its “hey something new to learn 😂 ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [May 25, 2021, 3:08pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/579 "2021-05-25T15:08:16Z")
@Manu.n cloudinary has quite a generous free tier. But potentially the service you are referring could do something better than cloudinary ---
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [May 25, 2021, 3:11pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/580 "2021-05-25T15:11:07Z")
Hello @Krivo I think you have the wrong manu !! (@Manu_Marea not @Manu.n ) ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [May 25, 2021, 3:17pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/581 "2021-05-25T15:17:14Z")
@Manu.n thanks for pointing out to me that I mistaken👍 It was for you @Manu_Marea ---
**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\ **Post date:** [May 25, 2021, 4:23pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/582 "2021-05-25T16:23:20Z")
We both can say its a pleasure ; ) ! ---
**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\ **Post date:** [May 25, 2021, 4:24pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/583 "2021-05-25T16:24:06Z")
I made too briefly but as far i can see no audio on Cloudinary is mentioned there, i ask to you and who know better , is it ? ---
**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\ **Post date:** [May 25, 2021, 5:15pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/584 "2021-05-25T17:15:30Z")
You dont need CSS for the Welcome Screen as it already shows the background in full. Just need to upload the GIF as the image. ---
**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\ **Post date:** [May 25, 2021, 7:43pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/585 "2021-05-25T19:43:13Z")
Ok , i’ll try but there a two screen , the icon on background ( with the same accent color…) and another one with icon and a background…, the login one,i really would like to change at least the color of the text …at least , while if i change the accent color…i change even this…and its not ideal for me.I hope Glide is working on a new builder,maybe with a better Ipad,desktop view…just saying, ---
**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\ **Post date:** [May 25, 2021, 7:45pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/586 "2021-05-25T19:45:53Z")
I would upload the GIF background image to the Sign-In Screen under Settings. I believe this is a Pro only option though… As for text color, it allows you to pick a white or black theme. ---
**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\ **Post date:** [May 25, 2021, 7:47pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/587 "2021-05-25T19:47:55Z")
Ok…i’ll give an eye.Thanks [Previous page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=28) [Next page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=30)