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

TCDテーマCUBEYのスマホロゴテキストの文字サイズを変更する方法

この記事は2016年11月7日に更新されたもので、内容が古い可能性がありますのでご注意ください。

Q.スマホロゴテキストのフォントサイズを変更したい

CUBEYのスマホ表示では、テキストのみでサイトタイトルを表示する仕様だと思いますが、そのフォントサイズを変更したい

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

編集するファイル:responsive.css
編集する箇所:

  
#logo_text { position:absolute; top:-38px; left:0px; z-index:9999; }
#logo_text h1 { font-size:18px; font-weight:normal; }
#logo_text a, #logo_image h1 a { color:#333; text-decoration:none; display:block; }
#logo_text a:hover, #logo_image h1 a:hover { text-decoration:underline; }
#logo_image { position:absolute; top:-39px; z-index:9; }
#logo_image h1 { top:0px !important; left:0px !important; margin:0; padding:0; line-height:100%; font-size:18px; }
#logo_image h1 img { display:none; }
#logo_image h1 a:before { content:attr(data-label); }

上記のフォントサイズを変更してください。

CUBEYデモ

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

TCD LABO ご利用上の注意

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

またカスタマイズ内容は、バージョンにより異なる場合がございますこと予めご理解賜りますようお願いいたします。

お問合せ・ご要望

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