# Add css to container columns

**URL:** <https://community.glideapps.com/t/add-css-to-container-columns/77461>\
**Category:** Ask for Help\
**Created:** [October 30, 2024, 11:34am UTC](https://community.glideapps.com/t/add-css-to-container-columns/77461 "2024-10-30T11:34:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Camille\_Drugeot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/camille_drugeot/32/81378_2.png) [@Camille\_Drugeot](https://community.glideapps.com/u/Camille_Drugeot)\
**Post date:** [October 30, 2024, 11:34am UTC](https://community.glideapps.com/t/add-css-to-container-columns/77461/1 "2024-10-30T11:34:30Z")

</div>

Hi there !  
I’m looking to add a css class to a three column container to show each column as a card with multiple elements on it.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/0/70d6004b4ed210ab3d40d8449eaca87c6d2b3018.png)

div:nth-child(3) is working, but only on third column. div:nth-child(1) & div:nth-child(2) are applying in all elements inside the columns, not for the entire column…

Anyone has an idea on that ?

Thanks !

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [October 30, 2024, 12:26pm UTC](https://community.glideapps.com/t/add-css-to-container-columns/77461/2 "2024-10-30T12:26:12Z")

</div>

Try using this code:

```auto
.containerCard .threeColumns > div {
background-color: green;
border-radius: 10px;
padding: 10px;
}

```

---

<div class="post-metadata">

**Author:** ![Camille\_Drugeot](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/camille_drugeot/32/81378_2.png) [@Camille\_Drugeot](https://community.glideapps.com/u/Camille_Drugeot)\
**Post date:** [October 30, 2024, 1:44pm UTC](https://community.glideapps.com/t/add-css-to-container-columns/77461/3 "2024-10-30T13:44:48Z")

</div>

Insane thanks man !

---

<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 6, 2024, 1:45pm UTC](https://community.glideapps.com/t/add-css-to-container-columns/77461/4 "2024-11-06T13:45:42Z")

</div>

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