トップページの広告(728×90)の余白について

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも トップページの広告(728×90)の余白について

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

      トップページの広告(728×90)の上下の余白が気になっています。
      余白を少し詰めたいと思っています。何か良い方法はありますでしょうか?

      赤いやじるしの上下を少し詰めたいと思ています。
      特に、バナー上部のやじるしの部分の余白が気になっています。

      大変お忙しいところお手数お掛けいたしますが、教えて頂けると幸いです。

      ・バージョン:Simplicity2 2.0.6.9

      Attachments:
    • #56604
      アバター画像わいひら
      キーマスター

      ページの状態をソースコードで見たいので、カスタマイズ対象ページのURLを掲載していただけると助かります。

      ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

    • #56607
      サスケ
      ゲスト

      返答ありがとうございました。
      URLの件、大変失礼致しました。
      keibayosou.net
      URLは上記になります。
      お忙しいところお手数お掛け致します。
      宜しくお願い致します。

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

      子テーマのstyle.cssに以下のように追記すればスペースが狭まるかと思います。

      .ad-space {
          margin: 0;
      }
    • #56618
      サスケ
      ゲスト

      上記の文をstyle.cssに追記したところ
      余白が少なくなり思うような形になりました。
      ありがとうございました。

      ただ、スマホで確認すると上記の文を追記したことで、
      トップページ中央に表示される広告(300×250)の余白が
      全くなくなくなってしまいます。

      そこで、上記の文をPCでは読み込み
      スマホでは読み込まないというような
      分岐させることはできますのでしょうか?

      何度も質問してしまいお手数お掛け致します。
      宜しくお願い致します。

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

      CSSセレクタを以下のように変更するとどうでしょうか?

      .ad-space-top .ad-widget {
          margin: 0;
      }

      CSSセレクタの選択次第で、スタイルを反映させる部分を限定することが可能です。

      詳しくは、「CSSセレクタ」等で検索してみてください。

    • #56637
      サスケ
      ゲスト

      上記の文に書き換えたところ上手くできました。
      いろいろご教授いただきありがとうございました。
      親切に質問に答えていただき感謝しております。

6件の返信スレッドを表示中
  • トピック「トップページの広告(728×90)の余白について」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)