# CSS GlidePage - Card Container

**URL:** <https://community.glideapps.com/t/css-glidepage-card-container/58742>\
**Category:** Ask for Help\
**Tags:** custom-code\
**Created:** [March 4, 2023, 12:35am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742 "2023-03-04T00:35:51Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bungchow\_IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bungchow_ideapps/32/49062_2.png) [@Bungchow\_IDEApps](https://community.glideapps.com/u/Bungchow_IDEApps)\
**Post date:** [March 4, 2023, 12:35am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/1 "2023-03-04T00:35:51Z")

</div>

Hi Gliders!

Does anyone know CSS GlidePage (I’m using a business version) for changing the color of container with card background? I followed a Glide tutorial, but still not working (see image below).

Thanks in advance

 ![CSS Glide Page](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/b/2b6fb92dac70cae5ec1f524e651312485c9deb47.jpeg)

---

<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:** [March 4, 2023, 12:53am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/2 "2023-03-04T00:53:13Z")

</div>

Looks like You have a colon after Important vs semi colon

---

<div class="post-metadata">

**Author:** ![Bungchow\_IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bungchow_ideapps/32/49062_2.png) [@Bungchow\_IDEApps](https://community.glideapps.com/u/Bungchow_IDEApps)\
**Post date:** [March 4, 2023, 1:57am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/3 "2023-03-04T01:57:31Z")

</div>

You’re right @Joe_Gabriele! 👍

I’d like to change color of two column container with card background design, not container background color. Then, this CSS doesn’t like what I need 🙃

 ![CSS Glide Page](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/7/97e4bdb0c9bd4fc358ab0b6c2381c5999a14586a.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:** [March 4, 2023, 11:54pm UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/4 "2023-03-04T23:54:05Z")

</div>

What exact part do you want to change the color for? The border or something else?

---

<div class="post-metadata">

**Author:** ![Bungchow\_IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bungchow_ideapps/32/49062_2.png) [@Bungchow\_IDEApps](https://community.glideapps.com/u/Bungchow_IDEApps)\
**Post date:** [March 5, 2023, 6:25am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/5 "2023-03-05T06:25:52Z")

</div>

The color background of card, not container background. Is it possible @ThinhDinh? You’re the master of CSS 👍 😀

---

<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:** [March 5, 2023, 9:09am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/6 "2023-03-05T09:09:52Z")

</div>

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

I was naming the container class “dump-truck”.

```auto
.dump-truck div[class*="StyledDiv6"] {
background-color: yellow;
}

```

---

<div class="post-metadata">

**Author:** ![Bungchow\_IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bungchow_ideapps/32/49062_2.png) [@Bungchow\_IDEApps](https://community.glideapps.com/u/Bungchow_IDEApps)\
**Post date:** [March 5, 2023, 9:29am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/7 "2023-03-05T09:29:27Z")

</div>

WOW! let me try this… as usual, thanks a lot @ThinhDinh 👍 🤝

---

<div class="post-metadata">

**Author:** ![Bungchow\_IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bungchow_ideapps/32/49062_2.png) [@Bungchow\_IDEApps](https://community.glideapps.com/u/Bungchow_IDEApps)\
**Post date:** [March 5, 2023, 9:39am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/8 "2023-03-05T09:39:07Z")

</div>

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

IT WORKS! I think Glide should give you (and also other helpful Glide masters here) a free charge of business version!!. That’s give you an excellent CSS improvisation on Glide Page… thanks again @ThinhDinh 👍 👍

---

<div class="post-metadata">

**Author:** ![Bungchow\_IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bungchow_ideapps/32/49062_2.png) [@Bungchow\_IDEApps](https://community.glideapps.com/u/Bungchow_IDEApps)\
**Post date:** [March 5, 2023, 10:05am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/9 "2023-03-05T10:05:12Z")

</div>

@ThinhDinh : one question again… 🙂 I’d like to change text/font color in a container with card design, but it doesn’t. Could you please give another CSS? 🙏

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

---

<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:** [March 5, 2023, 10:09am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/10 "2023-03-05T10:09:03Z")

</div>

change text-color to just color

---

<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:** [March 6, 2023, 12:14am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/11 "2023-03-06T00:14:37Z")

</div>

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

```auto
.filter-container div[class*="StyledDiv6"] {
background-color: #F8FFE0;
}

.filter-container .headlineLarge {
color: red !important;
}

```

---

<div class="post-metadata">

**Author:** ![Bungchow\_IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bungchow_ideapps/32/49062_2.png) [@Bungchow\_IDEApps](https://community.glideapps.com/u/Bungchow_IDEApps)\
**Post date:** [March 6, 2023, 12:57am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/12 "2023-03-06T00:57:11Z")

</div>

Thanks a lot 👍 👍

---

<div class="post-metadata">

**Author:** ![Bungchow\_IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bungchow_ideapps/32/49062_2.png) [@Bungchow\_IDEApps](https://community.glideapps.com/u/Bungchow_IDEApps)\
**Post date:** [March 6, 2023, 1:01am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/13 "2023-03-06T01:01:17Z")

</div>

It works! 🤝 🙏

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

---

<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:** [March 7, 2023, 1:01am UTC](https://community.glideapps.com/t/css-glidepage-card-container/58742/14 "2023-03-07T01:01:17Z")

</div>

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