# Beautiful Design App

**URL:** <https://community.glideapps.com/t/beautiful-design-app/16191>\
**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:** 12

<div class="post-metadata">

**Author:** ![Jesus\_Or](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jesus_or/32/27555_2.png) [@Jesus\_Or](https://community.glideapps.com/u/Jesus_Or)\
**Post date:** [January 7, 2021, 7:49pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/225 "2021-01-07T19:49:24Z")

</div>

Hello, do you know how to do this in an Inline List, thank you very much for your contributions, the community is fascinating, there is a lot of knowledge and support here I like it ![Preguntar a comunidad glide](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/3/8350c50e600467ab51c5091c9b597794ec8cf98f.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 7, 2021, 10:35pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/226 "2021-01-07T22:35:51Z")

</div>

Can you specify on what layout of the inline list do you want to do this?

---

<div class="post-metadata">

**Author:** ![Jesus\_Or](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jesus_or/32/27555_2.png) [@Jesus\_Or](https://community.glideapps.com/u/Jesus_Or)\
**Post date:** [January 7, 2021, 10:52pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/227 "2021-01-07T22:52:05Z")

</div>

Hello, of course look, I have this app and an Inline list where I present the social networks and I would like to have the background in red

 ![especificar glide](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/1/41bf2dfad90475cd26e2f00fb123aa48593e5a9f.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 7, 2021, 11:53pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/228 "2021-01-07T23:53:38Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/4/24be7342ffc45e9eb3f3a19628b690a9d4ac06a0.png)

```
<pre><span><style>
[class="tile-image-area"]{
background-color: red;
}
```

---

<div class="post-metadata">

**Author:** ![Jesus\_Or](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jesus_or/32/27555_2.png) [@Jesus\_Or](https://community.glideapps.com/u/Jesus_Or)\
**Post date:** [January 8, 2021, 12:07am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/229 "2021-01-08T00:07:02Z")

</div>

Sorry I don’t think I explained well, thank you very much in advance, I try to put color in the background, I made an edition for you to see

 ![Captura de pantalla 2021-01-07 170511](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/c/5cb50cefd88c694f031a24c3e0d32c0d7014ceb7.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 8, 2021, 12:29am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/230 "2021-01-08T00:29:51Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/c/4c1704075098bff395477029260ada6a83084b3d.png)

Then it will have to be something like this.

```
<pre><span><style>
[role="row"]{
background-color: red;
}
```

---

<div class="post-metadata">

**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:** [January 8, 2021, 3:42pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/231 "2021-01-08T15:42:11Z")

</div>

Hey Guys! It’s me again.

Has anyone tried to blur the sign in session or replace it with a logo?

Thanks!

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [January 8, 2021, 3:43pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/232 "2021-01-08T15:43:28Z")

</div>

You guys are turning gldeapps into something else 🥳 🥳

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 8, 2021, 4:04pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/233 "2021-01-08T16:04:59Z")

</div>

Me and @Lucas_Pires did try it a while ago but that doesn’t take away the sign in function though. You can still access it by pressing on whatever image you want on top of that.

---

<div class="post-metadata">

**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:** [January 8, 2021, 4:18pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/234 "2021-01-08T16:18:54Z")

</div>

I think I could try that.

Would you share the CSS?

---

<div class="post-metadata">

**Author:** ![Daniel\_Canup](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/daniel_canup/32/32850_2.png) [@Daniel\_Canup](https://community.glideapps.com/u/Daniel_Canup)\
**Post date:** [January 8, 2021, 4:19pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/235 "2021-01-08T16:19:28Z")

</div>

You know, as beautiful and amazing as these designs are it truly is a shame that the only way to accomplish most of this is to hack away at code when this tool is meant to be a visual designer. ☹

Not everyone can do this stuff. Challenge…YES, easy, in most cases not so much.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 9, 2021, 3:11am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/236 "2021-01-09T03:11:40Z")

</div>

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/9/99b58ed5435a4cb7e037522d12b33cb6deb37336.png) ](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/9/99b58ed5435a4cb7e037522d12b33cb6deb37336.png)

Something like this.

```
<span />
<style>
   @import '//glidetools.ml/app-layout/side-menu?hideSignIn&hideItems=2&headerImage=
</style>
```

---

<div class="post-metadata">

**Author:** ![Jesus\_Or](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jesus_or/32/27555_2.png) [@Jesus\_Or](https://community.glideapps.com/u/Jesus_Or)\
**Post date:** [January 9, 2021, 3:21am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/237 "2021-01-09T03:21:25Z")

</div>

It worked wonders for me, thank you very much, I just colored all the inline lists, and I just wanted one hahaha Anyway, since I found out about this I am learning to write css in Solo Learn, a very useful app to learn

---

<div class="post-metadata">

**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:** [January 9, 2021, 3:51am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/238 "2021-01-09T03:51:50Z")

</div>

That works for me.

Thanks man!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 9, 2021, 10:00am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/239 "2021-01-09T10:00:59Z")

</div>

It’s weird but I can’t seem to find a CSS to select that download button. Would love if anyone has an idea for that.

---

<div class="post-metadata">

**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:** [January 12, 2021, 4:08pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/240 "2021-01-12T16:08:59Z")

</div>

@ThinhDinh, @Robert_Petitto, @Lucas_Pires

Do you have a way to make the text in the inline smaller? My client wants it smaller and 3 lines max but he wants all that.

Is it possible?

![Screen Shot 2021-01-12 at 10.07.38 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/4/441ece0251454b97b99e043d19c1927568a89a9e.png)

Thanks!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 12, 2021, 4:32pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/241 "2021-01-12T16:32:05Z")

</div>

```auto
.tile-title {
font-size: .7rem !important;
line-height: .8rem !important;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}

```

 ![Screen Shot 2021-01-12 at 11.31.42 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/1/d15f47372684ba7f33e55cff4d0a483d44e83b88.jpeg)

---

<div class="post-metadata">

**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:** [January 12, 2021, 4:36pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/242 "2021-01-12T16:36:42Z")

</div>

Awesome! Thanks!

---

<div class="post-metadata">

**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:** [January 12, 2021, 4:52pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/243 "2021-01-12T16:52:45Z")

</div>

CSS wizard

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 12, 2021, 4:59pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/244 "2021-01-12T16:59:35Z")

</div>

More like Google Searcher 😉

[Previous page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=11)

[Next page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=13)