[戻る]
No.475

左側の欄(フリーエリア)のスペース削除

中園裕二さん  投稿日:2013/10/30(Wed) 16:54
key

フリーエリアを削除する事はできたのですが、もともとあったスペースを狭くして、メイン商品一覧のスペースを大きく取ることはできませんか?

Re: 左側の欄(フリーエリア)のスペース削除

おたすけマイショップさん  2013/10/30(Wed) 17:56 No.476
key

メイン商品一覧のスペースを広げる方法を説明します。
(この方法は、連絡いただいた通り、フリーエリアを削除したうえで行ってください)

店長ナビ>デザイン設定>適用中のスタイルシートカスタマイズ
>スタイルシートの編集ボタン

以下のソースが編集対象となります。

/* ペイン構成
______________________________________________________________________________*/
/* 商品一覧 - 3ペイン */
.pane_navi_list{ }
.pane_navi1_list{ float:left; margin-left: 15px; width: 210px; }
.pane_navi2_list{ float:right; margin-right: 15px; width: 210px; }
.pane_main_list{ margin: 0px 240px; }


両サイドの幅を100pxづつせまくして、中央を幅を200px広くする場合は、
以下の通りとなります。


/* ペイン構成
______________________________________________________________________________*/
/* 商品一覧 - 3ペイン */
.pane_navi_list{ }
.pane_navi1_list{ float:left; margin-left: 15px; width: 110px; }    ※←100px狭くしました。
.pane_navi2_list{ float:right; margin-right: 15px; width: 110px; }    ※←100px狭くしました。
.pane_main_list{ margin: 0px 40px; }    ※←200px広くするため、240pxから40pxに変更しました。


(「※」の部分は記載する必要がございません)

上記の様に編集していただき、保存していただければ編集完了です。

ご不明な点があれば、気軽にご連絡ください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』