# CSS Usage in Glide Pages

**URL:** <https://community.glideapps.com/t/css-usage-in-glide-pages/51953>\
**Category:** Ask for Help\
**Created:** [October 17, 2022, 9:38pm UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953 "2022-10-17T21:38:30Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![travischristian](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/travischristian/32/49210_2.png) [@travischristian](https://community.glideapps.com/u/travischristian)\
**Post date:** [October 17, 2022, 9:38pm UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/1 "2022-10-17T21:38:30Z")

</div>

Does anyone have any good resources for how to utilize CSS with Glide Pages? I’ve followed many good tutorials using Rich Text in Glide apps but it doesn’t seem to act the same in Glide Pages. Things I’ve done in the past like changing button colors, setting map pin colors, etc don’t seem to want to work. Any suggestions?

---

<div class="post-metadata">

**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:** [October 17, 2022, 9:41pm UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/2 "2022-10-17T21:41:08Z")

</div>

don’t use pages… Apps are much more flexible 😉

---

<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:** [October 18, 2022, 12:48am UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/3 "2022-10-18T00:48:16Z")

</div>

> [@CSS: Custom color for map pins](https://community.glideapps.com/t/css-custom-color-for-map-pins/30641/28):
>
> I haven’t tested CSS on Pages yet (you have to have a Business plan to be able to do it), but I assume it won’t be easy since apparently, they require you to write the code somewhere and not point it to a column like what we’re doing here. [image]

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [October 18, 2022, 12:54am UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/4 "2022-10-18T00:54:58Z")

</div>

@Robert_Petitto posted a short video on this a while back. You’d have to search for it to find it. I don’t think anyone has made a full blown tutorial.

---

<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:** [October 18, 2022, 2:04am UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/5 "2022-10-18T02:04:54Z")

</div>

Here’s the video.

> [@Pages CSS in Business Plan $249/mo](https://community.glideapps.com/t/pages-css-in-business-plan-249-mo/46984/2):
>
> Here’s an example: To upgrade to business, click here:

---

<div class="post-metadata">

**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:** [October 18, 2022, 2:07am UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/6 "2022-10-18T02:07:34Z")

</div>

that’s why Pages sucks… very limited CSS, and only on business plans… no thank you! LOL… not to mention ugly branding, even on the starter paid plan.

---

<div class="post-metadata">

**Author:** ![travischristian](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/travischristian/32/49210_2.png) [@travischristian](https://community.glideapps.com/u/travischristian)\
**Post date:** [October 18, 2022, 6:12am UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/7 "2022-10-18T06:12:44Z")

</div>

Uzo - pages is serving a good purpose for our web based customers. I wouldn’t be so quick to hate on it, it’s a new product still.  
@ThinhDinh @Darren_Murphy thanks, will check out Roberts tutorial! Had tried to follow Thinhs tutorial for changing pin colors but in Pages with no success but I’m not familiar enough with CSS to adapt it to the different html structure.

---

<div class="post-metadata">

**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:** [November 10, 2022, 8:22pm UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/8 "2022-11-10T20:22:10Z")

</div>

I actually found a way to utilize CSS in Pages via HTML and Richtext and not on a Business Plan.

I dont know all the technical terms of HTML but here is an example:

```auto
<table class="logotable" style="margin-right: auto; margin-left: auto;" >
    <tbody>
        <tr>
            <td><a href="LINK">
<img src="LOGO" width="128" height="50" style="padding: 5px;"/>
</a>
</td>
        </tr>
    </tbody>
</table>

```

Adding style=“CSS code” in the DIV will center the image replaced by LOGO and apply the width, height and padding styles to the image itself, while applying the margin styles to the table.

Essentially custom added components can be styled in a round about way… just obviously cant style Glide Components.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [November 11, 2022, 1:36am UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/9 "2022-11-11T01:36:16Z")

</div>

> [@Joe\_Gabriele](#):
>
> all the technical terms of HTML

That’s called [inline styling](https://www.codecademy.com/article/html-inline-styles) 🙂

---

<div class="post-metadata">

**Author:** ![bru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bru/32/37841_2.png) [@bru](https://community.glideapps.com/u/bru)\
**Post date:** [December 8, 2022, 1:41pm UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/10 "2022-12-08T13:41:12Z")

</div>

Does anyone have any insight as to whether there is a CSS method for pages that will produce the same user specific effects as the CSS we use in apps? A lot of CSS we use in apps relies on manipulating user data and joining/displaying in Rich Text. Trying CSS in pages for the first time, it looks like we’re unable to get to this level of granularity and most component changes appear to be global. Wondering if there’s a work around and really appreciate any help!

---

<div class="post-metadata">

**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:** [December 8, 2022, 1:55pm UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/11 "2022-12-08T13:55:57Z")

</div>

Do you have a Business or Enterprise plan?

---

<div class="post-metadata">

**Author:** ![bru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bru/32/37841_2.png) [@bru](https://community.glideapps.com/u/bru)\
**Post date:** [December 8, 2022, 1:58pm UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/12 "2022-12-08T13:58:45Z")

</div>

Yes, just got Business

---

<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:** [December 8, 2022, 2:00pm UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/13 "2022-12-08T14:00:26Z")

</div>

I doubt that is an option, since we seem to not have a way to point the “Custom CSS” box to a dynamic field.

---

<div class="post-metadata">

**Author:** ![bru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bru/32/37841_2.png) [@bru](https://community.glideapps.com/u/bru)\
**Post date:** [December 8, 2022, 2:05pm UTC](https://community.glideapps.com/t/css-usage-in-glide-pages/51953/14 "2022-12-08T14:05:15Z")

</div>

That was my suspicion and thank you for the input! Wonder if that’s on the roadmap…
