エアテーマ

カスタマイズ テーマ
525

Airテーマの「オンライン中」ウィジェットのカスタマイズ対応プラグイン

Customization > Theme component を作成

共通CSSを編集し、以下のコードを追加します。

// Whis Online カスタマイズ
.discovery-list-container-top-outlet.online_users_widget {
      display: flex;
      padding-top: .38em;
      background-color: var(--secondary);
      border: 1px solid rgba(var(--primary-rgb), 0.2);
      border-radius: 0.65em;
      transition: box-shadow 100ms ease-in-out;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}

Airテーマでコンポーネントを有効化

以前の結果：背景色や枠線がないため、見にくい状態でした

Screenshot_20240813-222849
Screenshot_20240813-222849863×1582 171 KB

この問題を抱えている領域がいくつかあります。

以前の投稿で示した例。

グローバルバナーの追加修正 問題

グローバルバナーの仕様に関する追加情報：

// グローバルバナー画像の修正
#banner img {
    width: 100%;
    height: auto;
}

このコードスニペットを提供してくれた @awesomerobot に特別なお礼を申し上げます。

「いいね！」 1