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

TCDテーマKADAN:モバイル用の見出しのフォントサイズを変更する

Q.下記箇所の「見出し」において、モバイルでのフォントサイズを変更することはできますか?

①「トップページ」の「コンテンツビルダー」の「セクションコンテンツ」の「見出し」(画像左)
②「固定ページ」の「テンプレート1」の「見出し」(画像右)

     

A.カスタムCSSに下記コードを追加することでフォントサイズの変更が可能です

スマホ用の設定項目がない場合は、スマホ閲覧時のデザインバランスを保つためテーマで独自設定したフォントサイズになる仕様です。変更には、下記のように個別の調整が必要です。

ダッシュボード左メニュー[外観]→[テーマオプション]→[基本設定]タブ内にあるカスタムCSSに、
下記のようなコードを追加します。

@media only screen and (max-width: 500px) {
 .p-section-header__headline-inner{ font-size: 10px; }
 .p-page-header__headline-inner{ font-size: 10px; }
}

※font-sizeの部分の数値をお好みで調整してください。
※「section-header」がトップページ内コンテンツビルダーのセクションコンテンツの見出しを、
 「page-header」が固定ページのテンプレート1の見出しを指しています。

The following two tabs change content below.

タケ

マイナーな海外地方都市への旅行が好きです。 リトアニア名物料理「ツェペリナイ」は絶品でした。

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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