SWELLの「コンテンツの背景色を白にする」を有効にした後の背景色をカスタマイズします。
目次
カスタマイズ例
背景色の透明度を変更する
以下のCSSを使用して、0.5
の値を0~1(完全に透明~不透明)の間で調節します。
255, 255, 255
の値を変更すれば、背景色を変更することもできます。
.-frame-on .l-mainContent {
background: rgba(255, 255, 255, 0.5 );
}
背景色の色のみを変更する(透明度は変更しない)
デフォルトは以下の通りになっています。自由に色を変更してください。
.-frame-on .l-mainContent {
background: #fff;
}