# Change Color of Border Boxes on Categories

**URL:** <https://meta.discourse.org/t/change-color-of-border-boxes-on-categories/157336>\
**Category:** UX\
**Created:** [July 10, 2020, 7:57am UTC](https://meta.discourse.org/t/change-color-of-border-boxes-on-categories/157336 "2020-07-10T07:57:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bhaskar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bhaskar/32/138607_2.png) [@Bhaskar](https://meta.discourse.org/u/Bhaskar)\
**Post date:** [July 10, 2020, 7:57am UTC](https://meta.discourse.org/t/change-color-of-border-boxes-on-categories/157336/1 "2020-07-10T07:57:50Z")

</div>

Hello,  
I am trying to change the color of the border of the categories tiles for home page of categories with boxes. I used the below in custom CSS, does not work. Any suggestions ?

```
.category-boxes-with-topics .category-box {
    border-color: red;
}

```

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/4/f47bb1b21f164f311ac271647cbec044f8b5a00a.png)

---

<div class="post-metadata">

**Author:** ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)\
**Post date:** [July 10, 2020, 5:20pm UTC](https://meta.discourse.org/t/change-color-of-border-boxes-on-categories/157336/2 "2020-07-10T17:20:33Z")

</div>

I’m not quite sure: but you can set the color in the category settings.

However, these changes will work globally:

```plaintext
.category-boxes .category-box {
     border-color: red !important;
}

```

 ![Discourse](https://global.discourse-cdn.com/meta/original/3X/d/8/d8bfff8bf37864bf0b7b73b79adc1570adca95ea.jpeg)

Or try adding in your construction: `!important`

---

<div class="post-metadata">

**Author:** ![Bhaskar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bhaskar/32/138607_2.png) [@Bhaskar](https://meta.discourse.org/u/Bhaskar)\
**Post date:** [July 11, 2020, 1:11pm UTC](https://meta.discourse.org/t/change-color-of-border-boxes-on-categories/157336/3 "2020-07-11T13:11:27Z")

</div>

> [@Stranik](#):
>
> try adding in your construction: `!important`

This did the trick. It worked !  
Thank you so much !
