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

カラムに背景色を入れると、カラムと中の要素に隙間ができてしまう。 < SWELLに関する質問

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

カラムに背景色を入れると、カラムと中の...
 
通知
すべてクリア

[解決済] カラムに背景色を入れると、カラムと中の要素に隙間ができてしまう。

6 投稿
3 ユーザー
2 Likes
1,062 表示
gonta
(@gonta)
Active Member
Topic starter
 

続けての質問、失礼致します。

*バージョンは「 2.4.1.1」です。

説明が難しいので、画像にまとめました。

要は、

・背景色を要素いっぱいに広げて「帯状」にしたい

・でも、背景色を入れると、スキマが生まれる

ということです。

よろしくお願いいたします。

 
投稿済 : 10/08/2021 1:11 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

細かい部分の調整はCSSでお願いします!

 
投稿済 : 10/08/2021 1:27 am
かんた
(@swell-mania)
Reputable Member
 

画像内の「①やりたいこと」のデザインは、僕が作ったLLEWSというデモサイトですね。

やり方ですが、段落ブロックをグループ化、グループブロックの背景色を設定、グループブロックに適当なクラス名を設定、グループブロックにCSSでネガティブマージン設定って感じです。

SWELLマニアというサイトを運営しています!

 
投稿済 : 10/08/2021 3:39 am
gonta
(@gonta)
Active Member
Topic starter
 

了さん、お答えありがとうございます。

そして、かんたさん。

こちらにもお答えいただき、お手数かけます。

教えていただいた通りやってみたのですが、グループブロックが動きません。

現在の操作を画像にまとめてみました。

教えていただいたことと違ったことをしていたら、申し訳ありません。

どこが間違っているのでしょうか?

お答えいただければ、ありがたいです。

 
投稿済 : 10/08/2021 9:50 pm
かんた
(@swell-mania)
Reputable Member
 

デベロッパーツールで適用されているCSSを調べるのがおすすめです。それほど難易度の高いカスタマイズではありません。ぜひチャレンジしてみてください。

SWELLマニアというサイトを運営しています!

 
投稿済 : 11/08/2021 3:02 am
gonta
(@gonta)
Active Member
Topic starter
 

かんたさん、貴重なお時間をいただき、本当にありがとうございます。

おっしゃる通り、デベロッパーツールで調べないといけないですね。

チャレンジしてみます。

重ね重ね、ありがとうございました。

 
投稿済 : 11/08/2021 11:27 am
共有: