人気記事・新着記事のサムネイルがタブレット表示だと左寄せになる

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 人気記事・新着記事のサムネイルがタブレット表示だと左寄せになる

5件の返信スレッドを表示中
  • 投稿者
    投稿
    • #50824
      ゲスト

      【s】人気記事と【s】新着記事のウィジェットを利用させて頂いてます。
      表示タイプを「タイトルを重ねた大きなサムネイル」にしているのですが、ブラウザサイズを狭めるとサムネイルが左寄せになってしまいます。カスタマイザーからタブレット表示でどう見えるかを確認してもやはり左側に寄っています。
      これを中央寄せにしたいのですが、どうすればいいでしょうか?

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

      text-alignを用いて、画像を中央寄せすれば中央に表示されるかと思います。

    • #50878
      ゲスト

      わいひらさん、御回答ありがとうございます。
      昨日から色々試行錯誤しているのですが、人気記事のCSSセレクタが分からずできていません。
      デベロッパーツールで要素を検証してみたら
      .widget_new_entries, .widget_new_popular, .widget_popular_ranking {
      と表示されたのでこれかなと思って(style.css)に

      .widget_new_entries, .widget_new_popular, .widget_popular_ranking {
      text-align:center;
      }

      としてみたのですが、全く変わりません。
      初心者なもので参考サイトの見よう見まねでやっているので間違ってるのだと思います。
      style.cssにどう記述したらいいのでしょうか?

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

      では、デベロッパーツールで設定状態を見たいので、サイトのURLを掲載していただければと思います。

    • #50911
      ゲスト

      試行錯誤の結果、

      .widget_new_entries, .widget_new_popular, .widget_popular_ranking{
      text-align: -moz-center;
      text-align: -webkit-center;
      text-align: -o-center;
      text-align: -ms-center;
      }

      としましたら一応センタリングされました。
      このcenterの前に付いてるベンダープレフィックスとやらも何だか分かってないのですが・・・。
      (付けないで只のcenterではできませんでした。なぜ?)
      もしかしたら正しい解決法ではないのかもしれませんが、自分としては満足です。
      わいひらさん、大変ありがとうございました。これからもサイト内を徘徊させて頂いて、勉強していきます。`

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

      うまくいってよかったです。
      とりあえず、意図通りに表示されているのであれば、書き方はどんなでもOKだと思います。

5件の返信スレッドを表示中
  • トピック「人気記事・新着記事のサムネイルがタブレット表示だと左寄せになる」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)