[ 解決済 ] 固定ページの背景色変更について

[pepepe]

■ WordPress のバージョン
WordPress 6.9.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning Pro

■ テーマのバージョン
8.24.0

■ スキンの種類
Origin II

■ 期待する動作
クリエループを使った一覧表示の背景(margin部分だと思っています、一番背景の部分)の色を指定カラー(#E8DCC5)に変更したい。

■ 自分で試した事
①固定ページ下部のカスタムCSSに
.page {
background-color: #e8dcc5;
}
と記載したが、指定したい背景ではなく、クリエループの一覧の方が指定色になってしまった。

②グループを使用し左右に色指定をできるようにしたが、クリエループのボックス幅が期待幅より小さくなってしまい、幅の調整がCSSを入れてもできなかった

■ 症状が発生するブラウザ
クローム

■ 実際の症状
①固定ページ下部のカスタムCSSに
.page {
background-color: #e8dcc5;
}
と記載したが、指定したい背景ではなく、クリエループの一覧の方が指定色になってしまった。

②グループを使用し左右に色指定をできるようにしたが、クリエループのボックス幅が期待幅より小さくなってしまい、幅の調整がCSSを入れてもできなかった

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[対馬 俊彦]

カスタマイズ画面で設定した背景色の方が優先度が高いことが原因です。
以下のように !important を追加してみてください。

.page {
    background-color: #e8dcc5 !important;
}

【追記：ご質問者へ】
石川さんと私がほぼ同時に回答して、まったく違う考え方の回答なので
混乱してしまうかもしれませんが、両方試してみてご自分のサイトに
合いそうなやり方でどうぞ。

[石川＠Vektor,Inc.]

弊社製品のご利用ありがとうございます。株式会社ベクトルの石川と申します。

現状文字だけだとどこをどうしたいのか正確に把握がしにくいのですが、
まずはカスタムCSSはなくても実現できると思いますし、ややこしくなるので一旦削除してください。

背景色を指定したい箇所をグループで囲って、添付のように色指定してみてください。

Attachments:

You must be logged in to view attached files.

[石川＠Vektor,Inc.]

うまくいかない場合は画面のスクリーンショットにどの部分の色をどうしたいか書き込んでいただけると適切なアドバイスがしやすいと思います。

[pepepe]

ご回答ありがとうございます。
全幅での同一カラーではなく、真ん中を分けて色を入れたかったので、importantを使い解決することができました。
ありがとうございます！

またリストビューをこれまで使用したことがなかったのですが、全体がよくわかり大変便利ですね。
ご教授ありがとうございました。

皆さま、ありがとうございました。

[投稿者]

投稿