グラデーションがあるがために文字の色が汚いとか、写真が暗くなる等々の弊害がある場合。
http://www.自分のサイト.com/mtのディレクトリ/mt-static/support/theme_static/rainier/css/rainier-white/screen.css にある66行目
#header[role="banner"] #header-content:before { の
background: transparent url(data:image/png;base64,で始まるすごく長～い行と
background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
これらを全部消す。
ついでにその上、58行目にある background-image: url("img/linen-texture.png"); を消すと背景画像も消える。
背景色は57行目にある background-color: #2b2b2b; のところで変更できる
でも、ヘッダーの背景画像は
ここで紹介されている方法で直したほうがいいのかも？？
追記：テンプレート＞スタイルシート（style.css）で最終的に上書きされる。