« 2013年5月 | メイン | 2013年10月 »

2013年8月

2013年8月28日 (水)

関連する記事画像の横幅を調整する

こんな時にどうぞ

関連する記事画像の横に中途半端に空白がある、横幅いっぱいにちょうどよく埋めたい、という時にwidthの値を任意に変更してご利用ください。デフォルトは110pxに指定されています。

コード

<style>
/* 画像の横幅を広くする */
#zenback #zenback-widget #zenback-related-article .zenback-module-item.hasthumb,
#zenback #zenback-widget #zenback-related-article .zenback-module-item.hasthumb .zenback-module-item-thumbnail,
#zenback #zenback-widget #zenback-related-article .zenback-module-item.hasthumb .zenback-module-item-title {
width: 124px;
}
</style>

で、どうなるの?

以下の画像のように、左の隙間がいい感じにうまりました。

Related_entry_width

続きを読む "関連する記事画像の横幅を調整する" »

ここは何のブログ?
ここは、Zenbackっていうブログパーツのデザインカスタマイズをご紹介するブログです。Twitter @zenback のなかのひとが運営しています。

設定方法など、よくわからなくなっちゃったら、「Zenback デザインハックブログ: 【最初に読んでね】このブログの使い方」の記事をご覧ください。

サイト内検索

Twitter

RSS登録