Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › h2見出しのカスタマイズ
-
投稿者投稿
-
-
2015年3月22日 7:44 PM #24316
ぱぴりんこ
ゲストいつもお世話になっております。
子テーマのcssでh2の見出しのカスタマイズをしたいと思い、下記を記述してみました。
.article h2 { font-size:22px; border-bottom:3px double #ed7b8c; border-top:1px solid #ed7b8c; padding:20px 10px 10px 10px; box-shadow:0px 2px 3px 0px #888888; background: #F9F9F9; }border-leftは子テーマには記述していないのですが、表示されてしまいます。
border-leftを消すにはどのようにしたらいいでしょうか?
どうぞよろしくお願いいたします。
-
2015年3月22日 9:24 PM #24324
わいひらキーマスターborder-left: 0 none;とかでいいんじゃないかと思います。 -
2015年3月22日 9:45 PM #24328
ぱぴりんこ
ゲストわいひらさん、こんばんは。
早速、お返事をありがとうございます。
border-left: 0 none;
を記述してみたのですが、border-leftは表示されたままで消えないです。他に何か理由考えられるでしょうか?
どうぞよろしくお願いいたします。
-
2015年3月22日 10:08 PM #24331
わいひらキーマスター実際にどのようなCSSスタイルの呼び出し順になっているのか、該当ページのソースを見てみないことにはちょっとわからないです。
-
2015年3月23日 7:28 AM #24359
ぱぴりんこ
ゲスト -
2015年3月23日 8:47 AM #24360
hidekichi
ゲストたぶん、子テーマの12行目あたりのborder-leftに、border-left: none;でイケるのではと思ったり。
子テーマ70行目あたりに3pxのborder-leftもあるみたいなのでそれもコメントアウトでしょうか。 -
2015年3月23日 1:52 PM #24374
ぱぴりんこ
ゲストhidekichiさん
初めまして。ご回答をありがとうございます。
余り子テーマのことやカスタマイズについて詳しくないので、アドバイスいただいた内容が
よく解らなくています。
・・・すみません。子テーマには、現在下記の内容しか記述していません。
@charset "UTF-8"; @import url("../simplicity/style.css"); /* Theme Name: Simplicity child Template: simplicity */ /* Simplicity子テーマ用のスタイルを書く */ .article h2 { font-size:22px; border-left: 0 none; border-bottom:3px double #ed7b8c; border-top:1px solid #ed7b8c; padding:20px 10px 10px 10px; box-shadow:0px 2px 3px 0px #888888; background: #F9F9F9; } .article h3, #comment-area h3, #related-entries h3{ font-size:20px; border-left:5px solid #e7e7e7; border-bottom:3px double #e7e7e7; padding:10px 0px 0px 10px; } .article h4{ border-left:1px solid #f9cfd7; border-bottom:3px double #f9cfd7; } .article h5{ font-size:18px; border-bottom:3px double #f9cfd7 } .article h6{ border-left:3px solid #f9cfd7; border-bottom:1px solid #f9cfd7 font-size:16px; }なので、70行目あたり…というのがよく解らないのですが、どこを見ればいいでしょうか?
どうぞよろしくお願いいたします。
-
2015年3月23日 4:26 PM #24384
わいひらキーマスタースキンが設定されているので、スキンのスタイルが優先されて適用されているようです。
詳しくは以下の「スタイルの優先度」の項目を参照してください。
Simplicityのスキン機能の仕様これを解決するには、いろいろな方法がありますが、スキンより優先されるCSSセレクタを書くことで改善されます。
#main .article h2 { border-left: 0 none; }CSSセレクタについて詳しくは、「CSSセレクター」で検索してみてください。
-
2015年3月23日 5:38 PM #24391
hidekichi
ゲストわいひらさんの返信でわかりましたが、使用されているスキンの70行目やらです。
場所は親テーマのskinsフォルダ/「sakura(だろうと思う)」/style.cssかなぁと。
sakuraかどうかは定かではないのでカスタマイザーあたりで確認して下さい。 -
2015年3月23日 8:45 PM #24429
ぱぴりんこ
ゲストわいひらさん、こんばんは。
お忙しいところ、ご回答をありがとうございます。
まずはじめに、できました!
嬉しいです。「スタイルの優先度」Simplicityのスキン機能の仕様を読んでみました。
わいひらさんのおっしゃっていることが、書いてありました。子テーマよりもスキンのスタイルのほうが優先されるということ・・・
まだまだ、html+cssの勉強中なので、解らないことだらけですが、h2のカスタマイズができてよかったです。
わいひらさん、今回も助けていただき、どうもありがとうございました。
hidekichiさんが回答を投稿してくださったことにも感謝します。 -
2015年3月23日 9:31 PM #24433
わいひらキーマスターうまくいったようで良かったです。
僕も本来なら、スキンより子テーマのスタイルを優先させたいところですが、子テーマの仕様上「スタイルの優先度」に書かれてあったようにするしかありませんでした。
-
-
投稿者投稿
- トピック「h2見出しのカスタマイズ」には新しい返信をつけることはできません。