アメブロのヘッダーのタイトルや説明文の色や大きさを変更する方法

アメブロのヘッダーに記載されている
タイトルや説明文の色や大きさを変更する 方法を解説します。
 

 

1.ブログ管理

①【デザインの変更】をクリックしてください。

 

2.デザイン変更

②【CSSの編集】をクリックしてください。

 

3.画面スクロール

③ デザインCSS画面を一番下までスクロールしてください。

 
次に、CSSタグをコピー&ペーストします。

 

4.タグをコピーする

④ 以下のCSSタグをコピーしてください。

/* タイトルと説明文を移動する
——————————————–*/
.skin-blogMainTitle {
font-size: ★px;
font-color: ★;
}
.skin-blogSubTitle {
font-size: ★px;
font-color: ★;
}

 
 

5.タグをペーストする

⑤ CSSタグの一番最後にタグをペースト(貼り付け)してください。

 

6.タグの編集

⑥ タイトルの色や大きさを変更します。
★にフォントサイズとカラーコードを上書きしてください。

⑦ サブタイトルの色や大きさを変更します。
★にフォントサイズとカラーコードを上書きしてください。

 

7.保存

7.【保存】をクリックしてください。

 

8.変更完了

タイトルや説明文の色や大きさの変更が完了しました。

 

 

カスタマイズ方法

 
 
icon-pencil フォントサイズを変更する方法

サンプルタグ内の
font-size: ★px; のフォントサイズを変更してください。

例)
font-size:  ★px;

≫変更後
font-size:  80px;

 
 
icon-pencil 文字色を変更する方法

サンプルタグ内の
font-color: ★; のカラーコードを変更してください。

例)
font-color:  ★;

≫変更後
font-color:  #FF0000;

 カラーコードの見本はこちら