ネットショップのロゴ変更したんですが
文字が上部にありバランスが悪くもう少し下へ下げる事は可能でしょうか?
ロゴ位置の調整方法を下記します。
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
以上をご参考いただき、調整して下さい。