各snsの行間を広くしたい!

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも 各snsの行間を広くしたい!

  • このトピックには3件の返信、2人の参加者があり、最後にシンにより9年、 9ヶ月前に更新されました。
3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #47264
      シン
      ゲスト

      現在、simplicity2を使っています。

      snsについてなのですが、cssを使ってsns同士の行間(横幅)を広くしたいです。

      具体的にどのようなコードを記入すればいいでしょうか?

      アドバイスどうかよろしくお願いします。

    • #47265
      Hidekichi
      ゲスト

      SNSボタンの種類とどこの場所かを書いてください。
      また幅を広げるに際してどのように広げるか等の情報が必要です。

      たいていは#mainの中に入っているわけですが、#mainのpaddingを変更していないかどうか、#main自体の幅を変えている場合等も考えられますので、一概にどこそこをいくつにすればこうなるというような返答がしにくいです。
      また折り返しが発生する場合、間隔を変更することで右端に思いがけないスペースが開く場合があります。自動で間隔を設定した場合も同様です。なので、最適な形がどのようなものであるかの最終形態を書いてもらえるとより良いです。

    • #47268
      アバター画像わいひら
      キーマスター

      まずは具体的に、どういったSNSパーツ部分に、どのくらいの幅を広げるのか等もう少し詳しく書いていただけると助かります。
      SNSといわれても、SNSシェアボタンもありますし、SNSフォローボタンもあります。
      シェアボタンに関しては、タイトル下、本文下、サイドに追従と3ヶ所表示させることもできますし。

    • #47288
      シン
      ゲスト

      説明が足りなくてすみません。

      投稿記事下のもともとのsnsボタン同士の横幅は良かったのですが、何らかの原因でsnsボタンがぴったりとくっついた状態になってしまったため、cssにコードを書くことで修正したいと考えました。
      (snsボタンのたいぷはテーマカラータイプ高速です。)

      今、色々とcssをいじったところ、

      .article li{
          margin:0 0 11px;
        position: relative;
      }

      というコードが原因で投稿記事下のsnsボタンがぴったりとくっついた状態になっていたことがわかりました。

      ですので、無事解決しました。

      次回、質問するときはもっと詳細を書くようにします。

      お答えくださったhidekichiさん、わいひらさんありがとうございます!

3件の返信スレッドを表示中
  • トピック「各snsの行間を広くしたい!」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)