# CSS with \*New\* Glide

**URL:** <https://community.glideapps.com/t/css-with-new-glide/67667>\
**Category:** Ask for Help\
**Created:** [November 10, 2023, 2:02pm UTC](https://community.glideapps.com/t/css-with-new-glide/67667 "2023-11-10T14:02:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [November 10, 2023, 2:02pm UTC](https://community.glideapps.com/t/css-with-new-glide/67667/1 "2023-11-10T14:02:52Z")

</div>

@Darren_Murphy Tagging Darren since I used his methodology.

I am moving an App from Glide Classic to the Glide Apps style and upgraded to Business. I use a CSS style to create business Scorecards in Classic like the following:

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

Basically I have one RTF for the ‘prefix/style’ per TAB and then all the rest of the scorecards on this tab use this style to display the Table/Scorecard.

```auto
( <pre> <span> <style> div.paleBlueRows { font-family: "Verdana",Verdana, sans; border: 3px solid #0F0F0F; width: 100%; height: 50px; text-align: center; border-collapse: collapse;} )

```

How does this work in Glide Apps? Where should the CSS style go to be used by the other RTF?

I am displaying about 5 scorecards per screen/tab along with collections/in-line lists and charts to provide context for each Table/Scorecard. For example:

TIA

Matt

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [November 10, 2023, 2:34pm UTC](https://community.glideapps.com/t/css-with-new-glide/67667/2 "2023-11-10T14:34:08Z")

</div>

You could put the css under settings → appearance → custom css. FYI you’ll need business or higher for css to work in New Apps. Alternatively it looks like you could generate the same tables with HTML 😉

---

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [November 10, 2023, 2:35pm UTC](https://community.glideapps.com/t/css-with-new-glide/67667/3 "2023-11-10T14:35:50Z")

</div>

Answering my own question (also I spent way too much time looking info on this topic on Youtube/Community and was saved by @JackVaughan and this article/video - [Custom CSS](https://www.glideapps.com/docs/reference/user-experience/css-for-apps))

Go to Settings/Appearance/Custom CSS and paste in the “Classic” CSS code WITHOUT the

```
info.

 

Voila.

 

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

 

I still know nothing about CSS but this worked…baby steps.
```

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [November 17, 2023, 2:36pm UTC](https://community.glideapps.com/t/css-with-new-glide/67667/4 "2023-11-17T14:36:40Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.