スマートフォンでの縦表示について。

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

      いつもSimplicityには大変お世話になっております。

      今回カスタマイズしていく上でトップページの記事一覧のサムネイル画像を横長に設定したのですがPCとスマートフォンの横向きでの表示では設定通りになるのですがスマートフォンで縦表示にすると正方形での表示になってしまいます。

      mobile.cssに書いても縦表示のみ反映されずプラグインを全て停止にしても改善されない状態です。

      ちなみに文字サイズも反映されない状態です。

      現在Simplicity2の最新版を使っています。

      ホームページのアドレスは↓
      http://shosuga.info/wordpress/

      何か確認することなどあればアドバイスを頂けると助かります。よろしくお願いします。

    • #56951
      Akira
      ゲスト

      CSS はセレクタの種類によって優先順位が決まります。

      子テーマの mobile.css に指定されたセレクタの優先順位が親テーマより低いため、上書きできていない状態です。

      サムネイル画像は、現在以下のように指定されています。

      .entry-thumb img{
        width: 200px;
        height: 120px;
        border-radius:0px;
      }

      これを以下のようにご変更ください。

      .entry-card .entry-thumb img{
        width: 200px;
        height: 120px;
        border-radius:0px;
      }

      文字サイズは、サムネイル画像横の記事タイトルのことでしょうか?

      記事タイトルとすれば、現在下記のように指定されています。

      .entry-card-content h2 a{
        font-size: 8px;
        letter-spacing: 0.02rem;
      }

      これを下記のようにご変更ください。

      .entry-card h2 a.entry-title{
        font-size: 8px;
        letter-spacing: 0.02rem;
      }
    • #56974
      菅原 将
      ゲスト

      ありがとうございます!
      改善しました。これから数値を変えてバランスを合わせてみたいと思います。
      本当にありがとうございました。

2件の返信スレッドを表示中
  • トピック「スマートフォンでの縦表示について。」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)