 |
 |
前号へ
このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。
皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、商品一覧画像を商品一覧枠の横幅100%に拡大表示する方法をご紹介します。
デフォルトでは、列数設定によって一覧枠よりも小さいサイズに設定されていますが、その表示を拡大します。
 |
|
 |
 |
スタイルシートを編集する
デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けてください。
.responsive #container .layout_photo .item_list .slide_item_cell :is(.list_item_photo, .list_item_photo .item_image),
.responsive #container .item_list .tiled_list .wrapped_item :is(.list_item_photo, .list_item_photo .item_image) {
max-width: 100%;
}
.responsive #container .layout_photo .list_item_photo {
padding: 0;
}
なお、お問い合わせは下記ページからお願い致します。
Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.