CSS|バックカラー

/* ==================================================
背景画像の設定(使う時は前後の /* と */ を消してください)
================================================== */

バックカラー10色

/* このページだけの背景色を指定 / body { background-color: #e7fc0008 !important; / ここに好きな色のコードを入れる / background-image: none !important; / 全体の背景画像を消す設定 */
}

main {background-color: ここに入れる !important; 

}

/*
薄い黄色 #fffae6  #e7fc0021 #e7fc000d #e7fc0008 E7FC000A
薄いベージュ: #f5f5dc
薄いピンク: #fff0f5
薄い水色: #f0ffff
薄いグリーン: #f0fff0
*/

body {
background-image: url("ここに画像のURLを貼る");
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}

/* ページを透明にして背景を見せる設定 */
.site-content, .main-section, .entry-body {
background-color: transparent !important;
}

/* --------------------------------------------------
背景の「薄さ(明るさ)」を調整するフィルター
※以下のどれか1つを選んで、前後の /* と */ を外すと有効になります
-------------------------------------------------- */

/* 【レベル1】ほんの少し明るく(白を20%重ねる) / /
.site-content { background-color: rgba(255, 255, 255, 0.2) !important; }
*/

/* 【レベル2】ほどよく薄く(白を50%重ねる:おすすめ) / /
.site-content { background-color: rgba(255, 255, 255, 0.5) !important; }
*/

/* 【レベル3】かなり薄く(白を80%重ねる:写真はうっすら見える程度) / /
.site-content { background-color: rgba(255, 255, 255, 0.8) !important; }
*/

/* 【レベル4】ほぼ白背景にする(白を95%重ねる) / /
.site-content { background-color: rgba(255, 255, 255, 0.95) !important; }
*/

バックカラー10色

/* このページだけの背景色を指定 / body { background-color: #e7fc0008 !important; / ここに好きな色のコードを入れる / background-image: none !important; / 全体の背景画像を消す設定 */
}

main {background-color: ここに入れる !important; 

}

/*
薄い黄色 #fffae6  #e7fc0021 #e7fc000d #e7fc0008 E7FC000A
薄いベージュ: #f5f5dc
薄いピンク: #fff0f5
薄い水色: #f0ffff
薄いグリーン: #f0fff0
*/