本文へ移動
Webstudio YAS
  • About
  • Price
  • Work
  • Blog
  • Contact
  • About
  • Price
  • Work
  • Blog
  • Contact
  1. ホーム
  2. Blog
  3. LION BLOGの記事の文字サイズを変更する方法

公開日: 2019.04.04

LION BLOGの記事の文字サイズを変更する方法

「ファイル名を指定して実行」に msconfig と入力した画面

目次

  • 記事の文字サイズを変更する方法
  • 記事の文字サイズを変更する方法
  • 追加で変更したい設定

いろんなブログテーマを試しましたが一旦LION BLOGに落ち着きました。
が、記事の文字サイズが少し小さいような気がして大きくする方法を調べました。

記事の文字サイズを変更する方法

それはとても簡単♪

追加CSSに下記の文字を入れるだけ!

.content p {
  font-size: 18px;
}

18pxのところを変更すれば文字サイズを自由に変更できます。

デフォルトの文字サイズは16px

いろんなブログテーマを試しましたが一旦LION BLOGに落ち着きました。
が、記事の文字サイズが少し小さいような気がして大きくする方法を調べました。

記事の文字サイズを変更する方法

それはとても簡単♪

追加CSSに下記の文字を入れるだけ!

.content p {
    font-size: 18px;
}

18pxのところを変更すれば文字サイズを自由に変更できます。

デフォルトの文字サイズは16px

追加で変更したい設定

上記の設定で文字サイズは変更できるのですが、リストなどの文字サイズも一緒に変更したいところですね。

その場合は以下のコードを追加します。

.content ol li {
    font-size: 18px;
}
.content ul li {
    font-size: 18px;
}
.content dl dt {
    font-size: 18px;
}
.content dl dd {
    font-size: 18px;
}

同様に18pxのところを好きなサイズに変更しましょう。

デフォルトの文字サイズは14px

追加CSSの場所
ダッシュボード>外観>カスタマイズ>追加CSS

タグ

  • LION BLOG
  • 文字サイズ
  • 追加CCS

関連記事

2020.08.10

WordPressでページ毎に別のJavaScriptを読み込む方法

WordPressでページ毎に別のJavaScriptを読み込む方法

2019.08.29

【WordPress】LION BLOGのカラム幅の割合を変更する方法

【WordPress】LION BLOGのカラム幅の割合を変更する方法

2022.11.11

WPプラグインの日本語翻訳がおかしい時の修正方法(更新時上書き防止)

WPプラグインの日本語翻訳がおかしい時の修正方法(更新時上書き防止)
Webstudio YAS
  • About
  • Price
  • Work
  • Blog
  • Contact
YAS プロフィール画像

長野県長野市在住
WEBエンジニア YAS

LINKS

  • X
  • Instagram
  • GitHub
Design
  • スタンダード
  • 和モダン
  • エンジニア
  • 信州ナチュラル
プライバシーポリシー

@ Webstudio YAS