ホーム > サポートメニュー > ユーザー助け合い掲示板

質問内容・回答一覧ツリー

Q. ヘッダーのフォントの大きさを変える方法 - 投稿者:間浜 行夫(2016年12月29日 16:01) No.7409  
Q. ヘッダーのフォントの大きさを変える方法 [解決済み]
お疲れ様です。
さて、私はhttp://kigyo1608.jugem.jp/というブログを書いています。
ヘッダーは、下記になります。

ゝ業しよう! 行動すれば次の現実
独立を考えている方を応援するブログです。
心のサポートがメインです!

´↓のフォントを大きくしたいのですが、方法が分かりません。
教えていただくことは可能でしょうか。
お忙しい所申し訳ありませんが、よろしくお願いします。
  • 記事ID:No.7409
  • 投稿日時:2016年12月29日 16:01 (2017年01月28日 10:56更新)

回答一覧(返信数 2 件)

投稿者:3steps A. Re: ヘッダーのフォントの大きさを変える方法

JUGEM管理者ページを開きます。
デザイン > HTML・CSS編集のページを開き、CSS編集フォームの以下の部分を書き換えます。

◆,良分の変更

/* ブログ名 */
h1 {font-size:20px;padding:70px 0 0 30px;}

このうち、font-size:20px;の部分がフォントの大きさです。
20px→25pxや30pxなどで大きさを調整してください。
この際、ブラウザのフォントサイズは中(100%)に設定してから数値を変更することをお勧めします。
環境によってはレイアウトが崩れることを留意して下さい。

◆△良分の変更

/* ブログの説明文 */
div#description {margin:10px 0 0 0;padding:0 0 0 30px;}

これを
div#description {font-size:20px;margin:10px 0 0 0;padding:0 0 0 30px;}
に書き換えます。
font-size:20px;の部分で文字の大きさを調整します。
大きすぎる場合は数値を小さく、小さい場合は数値を大きくして下さい。
こちらも同様に文字サイズを大きくしすぎるとレイアウトが崩れる場合があります。

以上です。

  • 投稿日時:2016年12月30日 18:32
投稿者:間浜 行夫 A. Re: ヘッダーのフォントの大きさを変える方法

解決しました。
お礼が遅くなり、申し訳ありません。
ありがとうございました。

  • 投稿日時:2017年01月28日 10:56