Modernist - テストブログ -

テーマ「Modernist」のテストブログです。

【カスタマイズ (PCユーザー) 】"ヘッダー画像背後の色" を変える

 PCから観覧した場合、フルスクリーン等にすると、ヘッダー画像の左右や下に、茶色の部分が現れます。これは、その色を変える解説です。

 

 

色の変え方

以下のコードBを「ダッシュボード」→ 「デザイン」→「詳細設定」→「デザインCSS」の一番下にコピペして下さい。

 コードB

body:not(.page-entry) #container #blog-title {

	background: transparent; /*透明 */

	}

 

ちなみに、コードBをそのままコピペした場合は、色は透明になります。初期設定のまま(ブログ全体の背景を変えずに)、この部分だけを透明にした場合は、小さいドットの背景が表示されます。

 

透明以外の色にする

background:  transparent ;

赤色箇所を、自分の好きな「色のコード」に変えてから、「デザインCSS」にペーストして下さい。

 「色のコード」は以下のサイトを参照して下さい(•ᵕᴗᵕ•)⁾⁾?

 

www.color-sample.com

 

#◯◯◯◯◯◯ の形で表記されている文字列が、「色のコード」です。HEX とも表記されています?

 

代表的な色のサンプル書き方の例を書いておきます。

 

白  #ffffff  → background: #ffffff;

黒  #000000 → background: #000000;

灰色  #aaaaaa  → background: #aaaaaa;

水色  #00bdff  → background: #00bdff;