スキン”淡空”のままメニューバーをカスタマイズしたい

PR 2015/3/28

このトピックには4件の返信、2人の参加者があり、最後にMoriにより11年、 6ヶ月前に更新されました。

4件の返信スレッドを表示中

投稿者

投稿
- 2015年3月28日 7:34 AM #24834
  
  Mori
  ゲスト
  
  いつもお世話になっています。Simplicityで助かっています。
  
  現在、スキン設定で”淡空”を利用しています。
  メニューバーの背景色や文字色をカスタマイズしようと　#navi ul　を子テーマに打ち込んでのですが、無理でした。（カスタマイズ用スキンでは、　#navi ul　でできましたが、全体的な雰囲気が好みではないのと、メニューバーのみいじりたいだけなので）
  
  どのようにすれば、”淡空”などのスキンでメニューバーができるようになるでしょうか？
  お忙しい中とは思いますが、よろしくお願いします
- 2015年3月28日 2:13 PM #24866
  
  わいひら
  キーマスター
  
  どのようなスタイルシートを子テーマに記入したのでしょうか？
  
  あと、「メニューバーができるようになるでしょうか？」というのは、グローバルナビ部分の色変更をしたいということでよろしいでしょうか？
- 2015年3月28日 7:08 PM #24877
  Mori
  ゲスト
  >わいひらさん
  
  すいません、打ち間違えてましたのと、説明不足でした。
  
  やりたいのは、”淡空”のスキンでメニューバーの背景色と文字色を変えたいのです。
  （のちは他のスキンでも同様のことを試したい）
  下記のような形で子テーマに書き込んでみました。
```
#navi ul{
position: relative;
clear: both;
margin-bottom: 0;
font-color:#ffffff;
// border: 1px solid #ddd;
background-color:#31241d;
border-radius:3px;
margin:0;
padding:0;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#navi ul li a{
font-size:14px;color:#fff;
display: block;
padding: .3em .7em;
color:#fff;
text-decoration:none;
z-index:99;
}
```
- 2015年3月28日 8:13 PM #24882
  
  わいひら
  キーマスター
  
  最も簡単な方法としては、テーマカスタマイザーから色を変更するという方法がありますが、その方法ではダメでしたでしょうか？
  
  スキンは、仕様上、子テーマより後に呼び出されるのでどうしても優先されしまいます。
  Simplicityのスキン機能の仕様
  
  スキンと子テーマでの仕様が衝突してしまう場合は、!importantを利用してみるという手もあります。
  important以外では、優先順位の高いCSSセレクタを書くという手もあります。
  CSS3 – CSSセレクタの優先順位の計算方法 – Qiita
  
  デベロッパーツールなどでCSS設定の優先順位を確認しながら試してみるといいかもしれません。
  Chromeデベロッパーツールの使い方
- 2015年3月28日 10:42 PM #24884
  
  Mori
  ゲスト
  
  >わいひらさん
  
  テーマカスタマイザーからでは、希望の感じにはなりませんでした。
  
  上記リンクよりスキンのファイル場所がわかりましたので、スキンは独自カスタマイズを選択し、子テーマのスタイルシートに淡空のコードをコピーしました。
  あとはコードをちょこちょこいじると、出来上がりそうです。
  （もしくは新規スキンの作成もありかなと思ってます）
  
  ありがとうございました
投稿者

投稿