# Background color in categories page (Mobile version)

**URL:** <https://meta.discourse.org/t/background-color-in-categories-page-mobile-version/153640>\
**Category:** Support\
**Created:** [June 3, 2020, 2:37am UTC](https://meta.discourse.org/t/background-color-in-categories-page-mobile-version/153640 "2020-06-03T02:37:11Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![PaulinaMX](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paulinamx/32/210473_2.png) [@PaulinaMX](https://meta.discourse.org/u/PaulinaMX)\
**Post date:** [June 3, 2020, 2:37am UTC](https://meta.discourse.org/t/background-color-in-categories-page-mobile-version/153640/1 "2020-06-03T02:37:11Z")

</div>

I would like to color those white spaces.

 ![Capture - Categories2](https://global.discourse-cdn.com/meta/original/3X/6/e/6e4fcc21f6bbc12fefbec43f00932882537024d4.jpeg)

This is the css code that I am using.

```
       /*Tamaño de la fuente*/
.topic-post {
  font-size: 17px;
}
.topic-list-item:nth-child(even) { background-color: #EEE; } .topic-list-item:nth-child(odd) { background-color: #FFF; }

@mixin boxShadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
  }
//add shadow behind the list of topics on right in Category and Latest View
//add shadow behind list of categories on left in Category and Latest View
//add shadow behind topics in Latest view
.category-list,
.topic-list,
.latest-topic-list {
  @include boxShadow;
  background-color: lighten($secondary, 10%);
   border-radius: 15px;
}

//create conversation cards
.topic-body {
  @include boxShadow;
  background-color: lighten($secondary, 10%);
  margin-top: 3px;
  padding: 10px;
  border-radius: 6px;
}

//more space for avatars
.topic-avatar {
  border-top: 0;
  padding-top: 10px;
  padding-left: 5px;
  .avatar-flair {
    right: 4px;
  }
}
.topic-avatar {
    width: 45px;
    height: 45px; // increases the width of the avatar container
    img.avatar { // increases the size of the avatar
        width: 40px;
        height: 40px;
    }
}

//increase space between post meta and post content
.boxed .contents {
  padding: 20px 0 0 0;
}

//remove stray border from bottom of last post
.topic-status-info {
  border-top: 0;
}

.small-action {
  border: none;
}

#topic-closing-info {
  border: none;
}

//remove lines between cards
.topic-post article {
  border: none;
}

//put shadow on quotes as well
aside.quote {
  @include boxShadow;
}

// RTL Overrides
.rtl {
  .topic-avatar {
    padding-left: initial;
    padding-right: 20px;
    .avatar-flair {
      right: initial;
      left: 4px;
    }
  }
}
/*Signatures plugin*/
.user-signature {
    display: none;
}
.cooked img {
  max-width: 100% !important;
}

```

---

<div class="post-metadata">

**Author:** ![Bcat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bcat/32/163148_2.png) [@Bcat](https://meta.discourse.org/u/Bcat)\
**Post date:** [June 3, 2020, 3:45am UTC](https://meta.discourse.org/t/background-color-in-categories-page-mobile-version/153640/3 "2020-06-03T03:45:55Z")

</div>

> [@PaulinaMX](#):
>
> This is the CSS code that I am using.

```plaintext
.category-list,
.subcategories-list,
.category-topic-link,
.topic-list,
.topic-list tr,
.latest-topic-list {
  _@include boxShadow;
  background-color: lighten($secondary, 10%) !important;
  border-radius: 15px;
}

```

---

<div class="post-metadata">

**Author:** ![PaulinaMX](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paulinamx/32/210473_2.png) [@PaulinaMX](https://meta.discourse.org/u/PaulinaMX)\
**Post date:** [June 3, 2020, 3:58am UTC](https://meta.discourse.org/t/background-color-in-categories-page-mobile-version/153640/4 "2020-06-03T03:58:31Z")

</div>

Thanks @Bcat, But is not working ☹

---

<div class="post-metadata">

**Author:** ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)\
**Post date:** [June 3, 2020, 4:31am UTC](https://meta.discourse.org/t/background-color-in-categories-page-mobile-version/153640/5 "2020-06-03T04:31:31Z")

</div>

It may be your best bet to hire someone from the #Marketplace to get your CSS sorted out into a proper theme.

---

<div class="post-metadata">

**Author:** ![PaulinaMX](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paulinamx/32/210473_2.png) [@PaulinaMX](https://meta.discourse.org/u/PaulinaMX)\
**Post date:** [June 6, 2020, 6:58pm UTC](https://meta.discourse.org/t/background-color-in-categories-page-mobile-version/153640/6 "2020-06-06T18:58:46Z")

</div>

Thanks, I’m really new to Discourse and I don’t know exactly how to do that on the marketplace.

> [@HAWK](#):
>
> It may be your best bet to hire someone from the #Marketplace to get your CSS sorted out into a proper theme.

---

<div class="post-metadata">

**Author:** ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)\
**Post date:** [June 8, 2020, 1:58am UTC](https://meta.discourse.org/t/background-color-in-categories-page-mobile-version/153640/7 "2020-06-08T01:58:21Z")

</div>

All good. 🙂 Post in the #Marketplace explaining what kind of support you require and what your budget is. Reading some of the other topics will give you an idea of what info is required.

---

<div class="post-metadata">

**Author:** ![PaulinaMX](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paulinamx/32/210473_2.png) [@PaulinaMX](https://meta.discourse.org/u/PaulinaMX)\
**Post date:** [June 8, 2020, 2:03am UTC](https://meta.discourse.org/t/background-color-in-categories-page-mobile-version/153640/8 "2020-06-08T02:03:35Z")

</div>

Thank you, I’ll do that.

> [@HAWK](#):
>
> All good. 🙂 Post in the #Marketplace explaining what kind of support you require and what your budget is. Reading some of the other topics will give you an idea of what info is required.

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [July 8, 2020, 2:09am UTC](https://meta.discourse.org/t/background-color-in-categories-page-mobile-version/153640/9 "2020-07-08T02:09:20Z")

</div>

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