バイラルシェアボタン（白）の幅調整について（追記）

PR 2015/6/5

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

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

投稿者

投稿
- 2015年6月4日 8:53 PM #27411
  yskb2
  ゲスト
  わいひら様
  
  度々すみません。
  
  昨日タイトルの内容で質問させていただいたのですが、
  色付きのバイラルシェアボタンは下記コードで調整出来ました。
```
.sns-group-viral ul.snsb li a{
  width: 119px;
  height: 35px;
  border-radius: 3px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 15px;
  line-height: 35px;
}
```
  白タイプにも同じ調整が行いたいときは、どのように追記すればよろしいでしょうか？
  親テーマのcssを見てもイマイチ違いが分からなかったので、教えていただけると助かります。
  
  よろしくお願いいたします。
- 2015年6月4日 10:10 PM #27414
  
  わいひら
  キーマスター
  
  上記の設定では、どのようなところがだめで、どのように設定したいのでしょうか。
  そこらへん（目指すゴール）を、もう少し詳しくお願いします。
- 2015年6月5日 9:07 AM #27430
  
  yskb2
  ゲスト
  
  わいひら様
  
  やりたいことは、シェアボタンを一列に横並びにすることです。
  
  色つきのシェアボタンは上記記述でWidthの調整が出来たのですが、白抜きのシェアボタンには効きません。
  白抜きのシェアボタンに対して変更を加えるには、上記記述の他にどこかで指定する必要があるのでしょうか？
  
  白抜きのシェアボタンは専用のCSSを読み込んでいたので、単に上記の記述だけでは不足しているのかと思いましたので、、、
  
  宜しくお願い致します。
- 2015年6月5日 1:32 PM #27432
  わいひら
  キーマスター
  それだと、ボタンを何個表示しているかによってもまた変わってくるんですけど、5個で良いのなら、以下のようにすればいいかもしれません。
```
div.sns-group-viral ul.snsb li a {
    border-radius: 3px;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    text-align: center;
    width: 113px;
}
```
  CSSセレクタの優先度で負けている場合は、それを上回る優先度のCSSセレクタを書く必要があります。
  CSS3 – CSSセレクタの優先順位の計算方法 – Qiita
  特に気にしないなら、!importantルールなどを使用してもOKです。
- 2015年6月5日 8:52 PM #27443
  
  yskb2
  ゲスト
  
  わいひら様
  
  ありがとうございます。
  教えていただいた方法で変更することができました！
  
  いつも親切に教えて頂きありがとうございます！
投稿者

投稿