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

ワードプレステーマ別

TCDテーマBlogPress:ヘッダー上部に表示される下線や帯の幅を調整する

Q.ヘッダ上部の下線の太さを変更したい

キャッチフレーズが表示されている帯の部分の下線の太さを変更する方法を教えてください。
blogpress-header-line1

A.下記のphpファイルの該当箇所を編集します

編集するファイル:header.php
編集する箇所:

#description, .pc #global_menu ul li a:hover { border-bottom:3px solid #<?php echo $options['pickedcolor']; ?>; }

.pc #global_menu ul li a:hover { border-bottom:3px solid #<?php echo $options['pickedcolor']; ?>; }
#description { border-bottom:●●px solid #<?php echo $options['pickedcolor']; ?>; }

※デフォルトではグローバルメニューにマウスオーバーした際の下線も併せて設定していますが、これを個別に分け、キャッチフレーズ部分の下線の太さだけ変更します。「●●」の値を調整ください。

変更後

blogpress-header-line2

また、黒い帯の幅は下記ファイルの該当箇所を編集することで調整できます。
編集するファイル:style_pc.php
編集する箇所:

/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
(中略)
/* description */
#description { height:●●px; line-height:25px; padding:0; font-size:12px; background:#000; color:#ddd; margin:0; 

※「●●」の値を調整ください。

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

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

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