「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマHAKU:ブログページでヘッダーロゴを非表示にする方法

Q.ブログアーカイブページ及び詳細ページでヘッダーロゴを非表示にできますか?

A.下記の方法でカスタマイズしてください。

TCDテーマ>基本設定のカスタムCSSに下記CSSを入力してご調整ください。

.single-post #header_logo { display: none; }/* ブログアーカイブページロゴ非表示 */

.single-post  #header { height: 110px; }/* ブログアーカイブページヘッダーの高さ調整 */

.blog #header_logo { display: none; }/* ブログ詳細ページロゴ非表示 */

.blog #header  { height: 110px; }/* ブログ詳細ページヘッダーの高さ調整 */

ロゴ画像を非表示とすると、ヘッダーに余白ができてしまうため高さも併せてご調整ください。

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

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

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