カテゴリページの背景色（モバイル版）

サポート
1

白い部分に色をつけたいのですが。

Capture - Categories2
Capture - Categories21080×2220 302 KB

以下が私が使用している CSS コードです。

       /*フォントサイズ*/
.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);
  }
//カテゴリビューと最新ビューの右側にあるトピックリストの背後に影を追加
//カテゴリビューと最新ビューの左側にあるカテゴリリストの背後に影を追加
//最新ビューのトピックの背後に影を追加
.category-list,
.topic-list,
.latest-topic-list {
  @include boxShadow;
  background-color: lighten($secondary, 10%);
   border-radius: 15px;
}

//会話カードを作成
.topic-body {
  @include boxShadow;
  background-color: lighten($secondary, 10%);
  margin-top: 3px;
  padding: 10px;
  border-radius: 6px;
}

//アバターにより多くのスペースを確保
.topic-avatar {
  border-top: 0;
  padding-top: 10px;
  padding-left: 5px;
  .avatar-flair {
    right: 4px;
  }
}
.topic-avatar {
    width: 45px;
    height: 45px; // アバターコンテナの幅を増加
    img.avatar { // アバターのサイズを増加
        width: 40px;
        height: 40px;
    }
}

//投稿メタと投稿コンテンツの間のスペースを増加
.boxed .contents {
  padding: 20px 0 0 0;
}

//最後の投稿の下部にある不要なボーダーを削除
.topic-status-info {
  border-top: 0;
}

.small-action {
  border: none;
}

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

//カード間の線を削除
.topic-post article {
  border: none;
}

//引用にも影を追加
aside.quote {
  @include boxShadow;
}

//RTL 上書き
.rtl {
  .topic-avatar {
    padding-left: initial;
    padding-right: 20px;
    .avatar-flair {
      right: initial;
      left: 4px;
    }
  }
}
/*署名プラグイン*/
.user-signature {
    display: none;
}
.cooked img {
  max-width: 100% !important;
}
3 
.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;
}
4

@Bcat さん、ありがとうございます。しかし、動作しません :frowning:

5

Marketplace から誰かを雇って、CSS を適切なテーマに整理するのが最善策かもしれません。

6

ありがとうございます。Discourse はまだ初心者で、マーケットプレイスで具体的にどうすればよいのかよくわかりません。

7

問題ありません。:slight_smile: Marketplace に、どのようなサポートが必要か、予算はいくらかを明記して投稿してください。他のトピックをいくつか読むと、必要な情報がどのようなものかイメージできるでしょう。

8

ありがとうございます、そうします。