アイキャッチサイズをCSSで変更するには？

PR 2014/10/11

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

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

投稿者

投稿
- 2014年10月7日 12:40 PM #3583
  
  nakajin
  ゲスト
  
  わいひら様
  NAKAJINと申します。
  別のトピックで質問させて頂きましたが新たにトピックを作らせて頂きます。
  
  今PCとスマフォのアイキャッチのサイズを変更したいと考えております。
  新バージョンでは可能とのことでしたがどこを修正すれば良いのかわかりません。
  
  要素のサイズを変更すればその箇所のみとなります。
  
  要素 {
  width: 150px;　ここ
  height: 150px;　ここ
  }
  
  また以下の箇所を変更しても全体的に横幅が変わるだけで縦寸は変わりません。
  .entry-thumb {
  float: left;
  margin-right: 10px;
  width: 130px; 追加
  height: 130px;　追加
  }
  
  PCとスマフォの両方でアイキャッチのサイズを調整する方法を教えて頂けるとありがたいです。
- 2014年10月7日 1:35 PM #3586
  わいひら
  キーマスター
  ありがとうございます。
  
  トップページのサムネイルなどは、テーマの都合上
  要素に直接スタイルを適用しているので通常の書き方変更できなくなっています。
  
  以下のように書くと変更できるようになります。
```
.entry-thumb img {
    height: 130px !important;
    width: 130px !important;
}
```
- 2014年10月7日 1:57 PM #3588
  
  nakajin
  ゲスト
  
  わいひら様
  
  ありがとうございました。
  
  nakajin
- 2014年10月7日 4:52 PM #3600
  
  nakajin
  ゲスト
  
  わいひら様
  nakajinですすみません
  スマフォのアイキャッチはサイズの変更可能でしょうか
- 2014年10月7日 9:52 PM #3602
  
  わいひら
  キーマスター
  
  完全レスポンシブ機能を使っていないなら、mobile.cssに同様に書けばモバイルのサイズが適用されるのではないかと思います。多分。
- 2014年10月8日 6:41 AM #3617
  
  nakajin
  ゲスト
  
  わいひら様
  ありがとうございます。早速試してみます。
  nakajin
投稿者

投稿

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

トピック「アイキャッチサイズをCSSで変更するには？」には新しい返信をつけることはできません。