stork(ストーク)テーマのタイトルh2,h3のモバイルサイズのカスタマイズ方法 

ワードプレスのストークのテーマ 詳細ページのタイトルサイズカスタマイズ

詳細ページのタイトルh2,h3がモバイルで見るとPCと同じ大きで表示されるので
モバイル用に少し小さく見える方法をお教えします。

やり方は以下

1. 「管理画面」→「外観」→「カスタマイズ」をクリック
2. 「追加CSS」をクリック
3. 「コードを挿入」→「保存

挿入するコードはこちら

@media screen and (max-width:600px) { /*600px以下(スマホ用)*/
.entry-content h2{
  font-size:16px;
  padding: 0.7em 0.9em;
}
.entry-content h3{
  font-size:17px;
  padding: 0.1em 0.1em 0.1em 0.9em;
}
}

挿入コードの解説

以下のコードが600px以下のスマートホンの表示制限タグです。
この中にタグを入力すると該当タグのスマホだけ表示が変わります

@media screen and (max-width:600px) { --text----}

タイトルのh2,h3に該当するタグは 「.entry-content h2」 「.entry-content h3」になります

その他テーマ ストーク(Stork)に関するカスタマイズ記事

STORK(ストーク)の見出し設定! h2h3h4のカスタマイズ

ABOUTこの記事をかいた人

Uber Eatsの撮影をはじめ、動画など様々な撮影を行なっております。また旅記録、ワードプレスのカスタマイズ、カメラのレビューもご紹介しています。 愛用カメラ:Sony a7iii Zeiss、Sigma、GMレンズ 😉

Reviewsクチコミレビュー

評価:
/ 0件のレビュー

レビュー・クチコミを書く
1
2
3
4
5
送信
     
キャンセル

レビューを書く

みこ旅 mikotabi.com
平均評価:  
 0 レビュー

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です