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

フルワイドにした際の下の余白 < SWELLに関する質問

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

フルワイドにした際の下の余白
 
通知
すべてクリア

[解決済] フルワイドにした際の下の余白

3 投稿
2 ユーザー
1 Likes
1,698 表示
RYO
 RYO
(@fryo)
Eminent Member
Topic starter
 

いつもお世話になっております。
フルワイドにして上下のpaddingなし ブロックしたの余白量なし で設定しても画像下に余白(わかりやすい様にオレンジにしてあります。)が生じてしまいます。
画像側でもブロック下の余白量なしに設定しています。

この余白をなくしたいのですが、方法はありますでしょうか?
ご教示いただけたら助かります。
よろしくお願いいたします。

http://fuco.oops.jp/sample/

 
投稿済 : 14/03/2020 6:54 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

まず、画像ブロックに対して何か固有のクラスを設定してください。
ここでは例として、hoge とします。

そして、以下のCSSを当ててみてください。

.wp-block-image.hoge img{
display: block;
margin: 0 auto;
}
 
投稿済 : 15/03/2020 9:34 am
RYO reacted
RYO
 RYO
(@fryo)
Eminent Member
Topic starter
 

@ryo

余白がなくなり思い通りの表示にする事ができました。
お忙しい中いつもありがとうございます^^

 
投稿済 : 15/03/2020 11:49 am
共有: