[戻る]
No.1203

ロゴの位置変更

おたすけマイショップさん  投稿日:2014/10/29(Wed) 15:52
key

ネットショップのロゴ変更したんですが
文字が上部にありバランスが悪くもう少し下へ下げる事は可能でしょうか?

Re: ロゴの位置変更

おたすけマイショップさん  2014/10/29(Wed) 15:53 No.1204
key

ロゴ位置の調整方法を下記します。

design.css編集画面(デザイン設定>適用中のスタイルシートカスタマイズ>design.css編集ボタン)
こちら画面内の以下のソースを編集して保存すると変更できます。

<!-- ここから -->

.pane_head .logo {
padding: 0 10px;
}

<!-- ここまで -->

(ソースを探す場合は、Ctrl+Fを押して、
 「.pane_head .logo」などで検索するとすぐにみつかります)

こちらのソースは、
・ロゴの上の間隔(余白)⇒ 0px
・ロゴの右の間隔(余白)⇒ 10px
このような意味になりますので、
“ 0 ”の数値を変更するとロゴを下げることができます。

更に二つの数字(要素)を追加することで、ロゴの下と左の間隔(余白)を調整することができます。

【編集例】
<!-- ここから -->

.pane_head .logo {
padding: 20px 10px 0px 10px;
}

<!-- ここまで -->

こちらのソースは、以下の様になります。
・ロゴの上の間隔(余白)⇒ 20px
・ロゴの右の間隔(余白)⇒ 10px
・ロゴの下の間隔(余白)⇒ 0px
・ロゴの左の間隔(余白)⇒ 10px


以上をご参考いただき、調整して下さい。



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

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