物販も可能な店舗サイトをすぐ始められるWordPressテーマ「SALON」
ワードプレステーマ別

TCDテーマCURE:トップページヘッダーでニュースティッカーまで表示する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.トップヘッダー画像の高さの変更方法を教えていただけますか?

▼変更箇所イメージ

推奨サイズどおりの画像をセットすると、↑のようにボタンまで表示されますが、画像の高さを縮めて、さらに下のコンテンツまで見える状態にしたいです。

A.はい、カスタムCSSに追記すること変更可能です。

▼カスタマイズ後のイメージ

管理画面のTCDテーマ > 基本設定 > カスタムCSS・スクリプト > カスタムCSSに、下記コードをコピペして保存してください。

下記例では、ボタン・ニュースティッカーが画面内に収まる形になります。数値を変更してお好みに調整してみてください。

@media screen and (min-width: 1252px) {
    #header_slider,
    #header_slider .item { height: calc(100svh - 60px) !important; }
}

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事