# Container css color change

**URL:** <https://community.glideapps.com/t/container-css-color-change/63455>\
**Category:** Ask for Help\
**Created:** [July 3, 2023, 7:43pm UTC](https://community.glideapps.com/t/container-css-color-change/63455 "2023-07-03T19:43:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![John\_Romano](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_romano/32/74316_2.png) [@John\_Romano](https://community.glideapps.com/u/John_Romano)\
**Post date:** [July 3, 2023, 7:43pm UTC](https://community.glideapps.com/t/container-css-color-change/63455/1 "2023-07-03T19:43:45Z")

</div>

I am no code no css ect. Can I have simple instructions with css code on how to change the background color of a container

---

<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 3, 2023, 7:48pm UTC](https://community.glideapps.com/t/container-css-color-change/63455/2 "2023-07-03T19:48:08Z")

</div>

No CSS required.  
Use the Image from Colour plugin to generate an image of any colour that you like, and set that as the Container background.

> **[Glide • Image from Color column](https://www.glideapps.com/plugins/color-to-image)**
>
> Get an image based on a CSS color.

---

<div class="post-metadata">

**Author:** ![John\_Romano](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_romano/32/74316_2.png) [@John\_Romano](https://community.glideapps.com/u/John_Romano)\
**Post date:** [July 4, 2023, 12:08pm UTC](https://community.glideapps.com/t/container-css-color-change/63455/3 "2023-07-04T12:08:38Z")

</div>

Can you show me how to do this exactly or explain…I get I can go to that link and change the color by the words but I have no idea how to implement this in a contaniers background.

---

<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 4, 2023, 12:25pm UTC](https://community.glideapps.com/t/container-css-color-change/63455/4 "2023-07-04T12:25:50Z")

</div>

Create an Image from Colour column, using the colour of your choice:

 ![CleanShot 2023-07-04 at 20.23.18@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/b/cbeb61aa20e40787a160e8504a1d16e024a264b2.png)

Use that column as your Container background:

 ![CleanShot 2023-07-04 at 20.23.46@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/e/3e63049d38decf0355dae82fce9de39fd1f2ad3d.png)

---

<div class="post-metadata">

**Author:** ![John\_Romano](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_romano/32/74316_2.png) [@John\_Romano](https://community.glideapps.com/u/John_Romano)\
**Post date:** [July 4, 2023, 12:41pm UTC](https://community.glideapps.com/t/container-css-color-change/63455/5 "2023-07-04T12:41:44Z")

</div>

BOOM! Thanks!

---

<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:** [July 5, 2023, 12:41pm UTC](https://community.glideapps.com/t/container-css-color-change/63455/6 "2023-07-05T12:41:51Z")

</div>

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