ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマLUXE:フォントサイズを変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q. サイト内各箇所の文字サイズを変更したい。

ブログ記事(投稿記事)・カスタム投稿「ニュース」記事・固定ぺージの本文のフォントサイズは【外観>TCDテーマオプション>基本設定>フォントサイズ】から変更頂けますが、他の個所についてはテーマ側でフォントサイズが指定されています。

A.下記の方法でご対応ください。

外観>TCDテーマオプション>カスタムCSSに入力して調整していきます。
下記の「font-size」を変更して下さい。デフォルト値を記載しています。

/* グローバルメニュー */
#global_menu li a { font-size: 12px; }
/* サブメニュー */
#global_menu ul ul li a { font-size: 12px; }
/* トップページバナーの見出し */
.index-menu-title { font-size: 20px; }
/* トップページニュース一覧・ブログ記事一覧の見出し */
#index-news-headline,
#index-recommend-headline-left { font-size: 20px; }
/* フッターウィジェットの見出し */
.footer_headline { font-size: 12px; }
/* フッターウィジェット */
.footer_widget { font-size: 11px; }
/* サイドバーウィジェットの見出し */
.side_headline { font-size: 20px; }
/* サイドバーウィジェット */
.side_widget li { font-size: 12px; }
/* パンくずリスト */
#bread_crumb li { font-size: 12px; }
/* 記事タイトル */
.post_title { font-size: 22px; }
ポイントPCのみ・スマホのみ調整したいときは、「.pc」「.mobile」をつけて適用範囲を限定させます。
 
例)PCのフッターウィジェットのみ文字サイズを変更する
.pc .footer_widget { font-size: 11px; }

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

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

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