- このトピックには4件の返信、2人の参加者があり、最後に
により11年、 4ヶ月前に更新されました。
-
投稿
-
-
お世話になります。
シンプルなデザインがとても気に入って早速使わせていただいています。初歩的な質問ですみません。
style.cssの中をいろいろといじってみたのですがお手上げ状態です。
どうかお助けください。「一覧リストのスタイル」について
(1) ”タイル3列”にしました。中に表示される投稿記事の抜粋部分のフォントサイズを小さくしたいのですが、どのようにすればよろしいでしょうか？
（投稿ページ自体のフォントサイズは変更せずに）(2) 投稿タイトルの文字がタイル3列の中で折り返されたときに、文字と文字の間の高さ（空白部分）を少なくするにはどうすればよいでしょうか？
（タイルの中のフォントサイズはそのまま変えずに）
（投稿ページのフォントサイズ、行の上下空白部分はは変更せずに）「関連記事」について
(3) ひょっとしたら上記(1)と同じ質問かもしれませんが、”関連記事表示タイプ”をデフォルトに設定して表示させています。こちらも記事の抜粋部分のフォントサイズを小さくしたいのですが方法を教えていただけると助かります。（行の上下空白の高さはそのままで問題ありません）
いずれも、FireFoxではフォントの見栄えがちょうどいいのですが、safariとChromeで表示した時にいささか大きく感じるため、そちらの見栄えに合わせてフォントサイズや空白部分を調整しようと考えているためです）
お手数ですがよろしくお願いします。
-
-
早々のご回答ありがとうございます！！
①はうまく変更できました。
追加で質問なのですが、タイルごとに高さが変わってしまいました。
なにか解決方法はありますでしょうか？
タイルに表示されている文字数はこのようになっていました。
（1バイト、空白を改行を含む、設定はデフォルトのまま）
（記事のタイトルはすべて2行に収まっている）a.上左のタイル 133 cのタイルと同じ高さ
b.上中央タイル 133 aとcのタイルよりも下に長い
c.上右のタイル 133 aのタイルと同じ高さd.下左のタイル 123 fのタイルと同じ高さ
e.下中央タイル 134 dとfのタイルよりも下に長い＋bの高さ分下にずれる
f.下右のタイル 133 dのタイルと同じ高さ②についてですがバージョンは以下になります。
1.5.0 20150214③はうまく変更できました。
safari、chromeともに、とてもいい感じになりました！
（IEは未確認ですが・・・）お手数をお掛けいたしますが、引き続きお願いできれば助かります。
何卒よろしくお願いします。 -
-
①仕様だったのですね！
てっきりタイルのサイズが固定でその中にテキストが収まるものと勘違いしていました。
中身に合わせてタイルの高さ可変しても問題ありません。
失礼いたしました。
（a, bの記述は、両方の高さが一致しており、そのようになる仕様だと思っておりました）②まずはline-hightでやってみうと思います。
いろいろありがとうございます。
助かりました！
-
- トピック「一覧リスト（タイル表示）と関連記事のフォントサイズ、行の高さの変更」には新しい返信をつけることはできません。