お世話になります。
全ての入力ホームの背景を白にしたいのですが、
どこを変更すればいいのか分かりません。
同時に、メインロゴをヘッダーのメニュバーぎりぎりまで下げたいのですが
うまくできません。
ご確認の程、よろしくお願いいたします。
■全入力フォームの背景を白にする方法
PC用スタイルシート一覧(店長ナビ>デザイン設定>適用中のCSS)から、「design.css」の編集ボタンを押し、以下のスタイルを編集します。
⇒対象のスタイル ※「Ctrl+F5」キーを押して「input[type=text]:not([disabled])」と検索するとすぐに見つかります。
input[type=text]:not([disabled]),input[type=password]:not([disabled]),input[type=email]:not([disabled]),input[type=url]:not([disabled]),input[type=search]:not([disabled]),input[type=tel]:not([disabled]),input[type=number]:not([disabled]),input[type=date]:not([disabled]),input[type=datetime]:not([disabled]),input[type=datetime-local]:not([disabled]),input[type=month]:not([disabled]),input[type=week]:not([disabled]),input[type=time]:not([disabled]),input[type=color]:not([disabled]),
select:not([disabled]),
textarea:not([disabled]) {
box-shadow: #aba 0px 1px 3px inset;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(230,240,163,0.2)), color-stop(50%,rgba(210,230,56,0.2)), color-stop(51%,rgba(176,204,38,0.2)), color-stop(100%,rgba(219,240,67,0.2)));
background: -webkit-linear-gradient(-45deg, rgba(230,240,163,0.2) 0%,rgba(210,230,56,0.2) 50%,rgba(176,204,38,0.2) 51%,rgba(219,240,67,0.2) 100%);
background: linear-gradient(135deg, rgba(230,240,163,0.2) 0%,rgba(210,230,56,0.2) 50%,rgba(176,204,38,0.2) 51%,rgba(219,240,67,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33e6f0a3', endColorstr='#33dbf043',GradientType=1 );
background-color: #fcfcfc;
}
⇒以下の様に編集。
input[type=text]:not([disabled]),input[type=password]:not([disabled]),input[type=email]:not([disabled]),input[type=url]:not([disabled]),input[type=search]:not([disabled]),input[type=tel]:not([disabled]),input[type=number]:not([disabled]),input[type=date]:not([disabled]),input[type=datetime]:not([disabled]),input[type=datetime-local]:not([disabled]),input[type=month]:not([disabled]),input[type=week]:not([disabled]),input[type=time]:not([disabled]),input[type=color]:not([disabled]),
select:not([disabled]),
textarea:not([disabled]) {
box-shadow: none;
background: none;
background-color: #fff;
}
編集後に保存すれば完了です。
■メインロゴをヘッダーメニューの近くに下げる方法
以下のスタイルを共通ヘッダー内にフリーパーツとして配置すれば完了です。
※現在のページを拝見すると、ロゴとヘッダーメニューの間に何もコンテンツがございませんでした。
この場合の、スタイルは以下の通りです。
(初期設定では、会員・カート情報などのコンテンツがございます。これらがある場合は、異なったスタイルとなります)
<style>
.pane_head .logo img {
margin-bottom: -25px;
}
</style>
スタイルの追加方法は以下をご参照ください。
オープンガイド ページにスタイルを追加する
http://emshelp.easy-myshop.jp/c-item-detail?ic=add-style
以上です。