Vaster2カスタマイズ・トップページの画像サイズを変更

パソコンを打つ女性

Vaster2のトップページの記事一覧の画像比率がおかしく、写真によっては見栄えが悪くて気になっていました。縦長写真を記事の最初に入れている場合は、押しつぶされたような変な比率になって見栄えが良くないですねー。

しばらく放っていましたが、このたび修正しました。(たぶんいくらか良くなっているはず・・)







[テンプレート]ー[HTMLの編集]のCSSを修正します。
「 トップページ、カテゴリ、アーカイブの記事一覧」の最後、高さを変更する。


/* トップページ、カテゴリ、アーカイブの記事一覧
--------------------------------------------------------- */
.article-list-link{
text-decoration:none !important;
}
.article-list-link:hover{
text-decoration:none !important;
}
.article-list{
padding-bottom:30px;
padding-top:10px;
border-bottom:1px dashed #666;
float:none;
transition:0.3s;
}
.article-list:hover{
background-color:$(articlelist.background.color);
}
.article-list img{
float:left;
width:300px;
height:200px; /* ←デフォルトは185px */
padding-right:20px;
}


縦長写真が少なければ230px位でもいいと思います。
いくらか見やすくなりました。






スポンサーリンク

スポンサーリンク

0 件のコメント :