- このトピックには4件の返信、2人の参加者があり、最後に
により11年、 5ヶ月前に更新されました。
-
投稿
-
-
#sidebar li{margin-bottom:10px;}
#sidebar ul{padding-left:1em;}
レイアウトのカスタマイズをしているのですが、これらをいじるとウィジェット全体に影響がでます。
そこで質問なのですが、前述の値を変更したものを特定のウィジェットにだけ適用させることはできるのでしょうか？
疎いので、もしかしたら滅茶苦茶なことを言っているかもしれません。 -
Chromeのデベロッパーツールなどで（もしくはFirefoxの開発者ツールなどで）編集したいウイジェット部分を右クリックして「要素を検証」を選択してださい。
例えば、「新着記事」ウイジェットだったら以下のように表示されます。
それの、赤枠部分のIDもしくは、classと組み合わせたCSSセレクタを使用して設定すればOKかと思います。例えばこんな感じです。
#new-entries li{ ... }Attachments:
-
わいひらさん、お返事ありがとうございます。すみません、質問の仕方が悪かったです。
#sidebar ul{padding-left:1em;}はデフォルトの値です。この部分は残しつつ、
例えば、子テーマに.widget_archive li{padding-left:1em;}と記述したとします。
そうすると実質2em動いたことになると思います。#sidebar ul{padding-left:1em;}の部分を無効にし、
.widget_archive li{padding-left:1em;}だけを適用させることができれば、アーカイブのウィジェットを1emだけ動かすことができるのではないかと考えました。このようなことを実現させる記述の仕方はあるのでしょうか？HTMLやCSSに触れるのが初めてなので、勉強の一環として今回このような面倒くさい質問をいたしました。
-
-
わいひらさん、ご回答ありがとうございました！！
-
- トピック「CSSに関する質問」には新しい返信をつけることはできません。