[戻る]
No.2873

Re: ヘッダーメニューの画像とテキスト表示

EEGAOSHOPさん  投稿日:2017/12/15(Fri) 10:10
key

投稿日:2017/11/29(Wed) 11:48 home No.2840

以前確認した内容ですが、再度詳細な回答をお願いします。

以前の回答
※スタイルの追加については、HTMLやCSS記述の知識が必要となります。
スタイルはヘルプ内「No.3<style>の貼り付け」にあるようにページレイアウト管理(デザイン設定>レイアウトタブ)を開き、[スクリーン]の設定ボタンから[<head>追加:]に貼り付けます。

貼り付ける内容については、直接枠内に<style>〜〜</style>のタグを直接記載して下さい。
記載する内容については、スタイルを変更する場所のclassに対しスタイルを追加して下さい。

classの確認については、ページを閲覧したのちにブラウザの機能を利用することで確認できます。
対象となるショップページにアクセスして頂き、対象の箇所を右クリックして表示される「要素の検査(IEの場合)」や「検証(Chromeの場合)」などでご確認下さい。

ヘッダーの高さを調整するサンプルのスタイルは以下の通りです。
「○○px」に数値を入れてスタイルを追加して調整して下さい。

<style>
.top_menu_pulldown > li > a {
height: ○○px;
}
</style>

ご案内は以上です。

再質問
>記載する内容については、スタイルを変更する場所のclassに対しスタイルを追加して下さい。

例えば、classを確認したところ
<div class="pane_head_menu_bar">
というclassが表示されました。

<style>
.top_menu_pulldown > li > a {
height: ○○px;
}
</style>

このスタイルを<div class="pane_head_menu_bar">
このclassに追加する時の例文を教えてください。

Re: ヘッダーメニューの画像とテキスト表示

おたすけマイショップさん  2017/12/15(Fri) 14:36 No.2875
key

基本的には、HTMLやCSSコードの記述方法などはサポート範囲外となります。予めご了承下さい。

class「pane_head_menu_bar」に対しスタイル「height: ○○px;」を追加する場合は以下の通りです。

<style>
.pane_head_menu_bar {
height: ○○px;
}
</style>
※ご質問のclassに対するスタイルの追加方法のみの案内となります。
 こちらのスタイルよりも細かく指定されているスタイルが別にある場合はそちらが優先され、
 上記スタイルの反映が確認できない場合がございますので、予めご了承下さい。



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

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