WordPressテーマTCDのカスタマイズを研究するサイト

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

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; 

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

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。