# Using custom HTML/CSS in Glide

**URL:** <https://community.glideapps.com/t/using-custom-html-css-in-glide/63587>\
**Category:** Ask for Help\
**Created:** [July 6, 2023, 6:09pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587 "2023-07-06T18:09:43Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gunhee](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gunhee/32/61246_2.png) [@Gunhee](https://community.glideapps.com/u/Gunhee)\
**Post date:** [July 6, 2023, 6:09pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/1 "2023-07-06T18:09:43Z")

</div>

I’ve been reading stuff from last year that unsupported html/css might break down the site… Can I still use it today? I have the business plan( 14 day trial) and I would like to use it to implement html and css code into my app.

---

<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:** [July 6, 2023, 6:24pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/2 "2023-07-06T18:24:57Z")

</div>

It’s available on both Business and Enterprise plans, although the way it’s applied is very much different from the way it was done in Classic Apps.

Can you give some examples of the types of customisations that you’d be wanting to do?

---

<div class="post-metadata">

**Author:** ![Gunhee](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gunhee/32/61246_2.png) [@Gunhee](https://community.glideapps.com/u/Gunhee)\
**Post date:** [July 6, 2023, 6:59pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/3 "2023-07-06T18:59:01Z")

</div>

I would like to use it mostly for the images i have in my google sheets tables. I have a column where I have many images(100+), and I would like to use css in a way that I can make carousels with the images in google sheets column, have it run infinitely automatically( no user interference). Then have multiple of these carousels so that I have multiple of the carousels in my page. There seems to be no clear step by step guides so it has been hard for me to get proper guidance.

---

<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:** [July 6, 2023, 7:06pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/4 "2023-07-06T19:06:58Z")

</div>

Okay, I saw your earlier question related to this.

Do you have a visual representation of the sort of effect you want to get?  
I dare say we can guide you to get pretty close to what you are after without needing any CSS.

---

<div class="post-metadata">

**Author:** ![Gunhee](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gunhee/32/61246_2.png) [@Gunhee](https://community.glideapps.com/u/Gunhee)\
**Post date:** [July 6, 2023, 7:45pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/5 "2023-07-06T19:45:07Z")

</div>

![Slide_test_-_Google_Chrome_2023-07-06_15-42-19_AdobeExpress](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/e/5edb76a464eb4fbceb24f3c1b4d597111158c585.gif)  
didnt know how to post videos so I made a gif. Essentially what I am hoping for is that I create something like this above, but where the logos that shows are from the table column.

---

<div class="post-metadata">

**Author:** ![Gunhee](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gunhee/32/61246_2.png) [@Gunhee](https://community.glideapps.com/u/Gunhee)\
**Post date:** [July 6, 2023, 8:20pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/6 "2023-07-06T20:20:02Z")

</div>

I sent a gif in the comment below, hopefully it helps.

---

<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:** [July 7, 2023, 12:47am UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/7 "2023-07-07T00:47:59Z")

</div>

Using the `marquee` tag only gets me half way there since it stacks on top of each other, but I haven’t found a good way to do it outside going to Github and use a webview component.

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

```auto
<marquee behavior="scroll" direction="left" scrollamount="0.5" width="100%">
<img src="https://static.vecteezy.com/system/resources/previews/008/214/517/original/abstract-geometric-logo-or-infinity-line-logo-for-your-company-free-vector.jpg" alt="Logo 1" height="300" width="200">
<img src="https://99designs-blog.imgix.net/blog/wp-content/uploads/2022/05/Shell_logo.svg-e1659037248878.png?auto=format" height="300" width="200">
    <img src="https://d1csarkz8obe9u.cloudfront.net/posterpreviews/business-logo-design-template-78655edda18bc1196ab28760f1535baa_screen.jpg?ts=1617645324" height="300" width="200">
  </marquee>

```

Marquee is deprecated though. CSS animation is what’s recommended to be used now.

---

<div class="post-metadata">

**Author:** ![Gunhee](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gunhee/32/61246_2.png) [@Gunhee](https://community.glideapps.com/u/Gunhee)\
**Post date:** [July 7, 2023, 5:22pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/8 "2023-07-07T17:22:55Z")

</div>

Yes, but I don’t know how to implement css to an array of images of a table.

---

<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:** [July 7, 2023, 10:59pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/9 "2023-07-07T22:59:26Z")

</div>

The method above wouldn’t work well anyway, I think the safest way is to use a Github workaround and then display it in Glide using the web embed component, but only on Pro plan and above.

---

<div class="post-metadata">

**Author:** ![Gunhee](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gunhee/32/61246_2.png) [@Gunhee](https://community.glideapps.com/u/Gunhee)\
**Post date:** [July 8, 2023, 1:45am UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/10 "2023-07-08T01:45:28Z")

</div>

Okay thanks! What is github workaround? And I have the business plan for a 2 week trial, would my work that I did during this time go away after the trial ends?

---

<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:** [July 8, 2023, 3:33am UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/11 "2023-07-08T03:33:31Z")

</div>

It will go away unless you subscribe to a Pro or higher plan afterwards. The Github workaround would involve getting the relevant HTML and CSS into there, then deploy it in an Experimental Code column.

---

<div class="post-metadata">

**Author:** ![Gunhee](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gunhee/32/61246_2.png) [@Gunhee](https://community.glideapps.com/u/Gunhee)\
**Post date:** [July 8, 2023, 5:33am UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/12 "2023-07-08T05:33:42Z")

</div>

Shoot alright, I guess that I won’t be making this on Glide. Thanks

---

<div class="post-metadata">

**Author:** ![Andy\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/andy_hill/32/63380_2.png) [@Andy\_Hill](https://community.glideapps.com/u/Andy_Hill)\
**Post date:** [April 26, 2024, 1:47pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/13 "2024-04-26T13:47:13Z")

</div>

It currently states on the Glide Pricing page that Custom CSS is included with the Teams plan: [Flexible Pricing Plans That Scale With Your Business | Glide](https://www.glideapps.com/pricing)

We are on the Teams plan but I can’t see it on our apps, is the information wrong or do I need to activate it somewhere?

Thanks

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

---

<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:** [April 26, 2024, 1:52pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/14 "2024-04-26T13:52:46Z")

</div>

Did you check under Appearance?

---

<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:** [April 26, 2024, 11:51pm UTC](https://community.glideapps.com/t/using-custom-html-css-in-glide/63587/15 "2024-04-26T23:51:34Z")

</div>

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

You should see it under Settings \> Appearance like Joe said, if you’re on the latest Team plan.
