会員サイトをリニューアルしました! 新サイトはこちら

サイドバーに境界線をつけるor背景の色を変える < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

サイドバーに境界線をつけるor背景の色...
 
通知
すべてクリア

[解決済] サイドバーに境界線をつけるor背景の色を変える

4 投稿
3 ユーザー
2 Likes
1,431 表示
belle
(@belle)
Eminent Member
Topic starter
 

サイドバーのコンテンツを見やすいように、メインのページとの間に境目に薄い線を入れるか、背景の色を変えたいです。

いろんなサイトを見て試してみましたができなかったので教えていただけると助かります。

よろしくお願いします。

 
投稿済 : 29/10/2020 7:31 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

SWELLの標準機能でできることとしては、カスタマイザーの「サイト全体設定」>「基本デザイン」から、「コンテンツの背景を白にする」を「オン」にしていただき、背景色を濃いめにしていただくと各コンテンツがくっきり分かれるようになります。

それ以上の装飾はCSSでご自由にカスタマイズしてください!

 
投稿済 : 29/10/2020 7:49 am
belle
(@belle)
Eminent Member
Topic starter
 

了様

お返事が遅くなってしまってすみません。

その方法で一度試してみます!ありがとうございました。

※CSSに全然詳しくないので、CSS でSWELLで線を入れる方法をもしご存じの方いらっしゃいましたらご返信いただけると嬉しいです!m(_ _)m

 
投稿済 : 05/11/2020 6:32 am
みさき@セブ島
(@misaki_cebu)
Estimable Member
 

単純に線を入れる(サイドバーを囲む)だけなら、以下ですかね^_^

#sidebar {

border: solid 1px #000;

padding: 5px;

}

ボーダーの色と余白は、いい感じでご指定ください!

ただこれだとページの下まで全部囲われちゃうので、ひとつひとつを囲みたいなら、以下を試してみてください^_^

.c-widget {

border: solid 1px #000;

padding: 5px;

}

他に良い方法をご存知の方がいるかもなので、私もぜひ知りたいです^_^!

This post was modified 4年前 2回 by みさき@セブ島
 
投稿済 : 23/11/2020 5:06 am
共有: