Background color in categories page (Mobile version)

I would like to color those white spaces.

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;
}
1 Like
.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;
}
1 Like

Thanks @Bcat, But is not working :frowning:

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

4 Likes

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

All good. :slight_smile: 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.

4 Likes

Thank you, I’ll do that.

3 Likes

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