こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

wordpressで余計な余白を削りたい

WorpdressでTwenty Seventeenというテンプレートの子テーマを使っています。

静的HTMLページで作ったサイトをWordPressに持ってきたのですが、

静的ページより全体的に余白ができてしまって困っています。

画像と画像の間やヘッダーの上部です。

style.cssで追加したmarginやpaddingをいじっているのですが、静的ページと同じになりません。

余白を削る良い方法はありますでしょうか。

img {
vertical-align:bottom;
}
で画像間の隙間を無くしてみました。


vertical-align:bottom;

を追加する前とした後では隙間の出来が違うのですが、それでも静的ページと同じになりません。

「ヘッダー」もfunctions.phpに


add_filter( ‘show_admin_bar’, ‘__return_false’ );

を追加したら追加する前よりは余白が減りましたがそれでも静的ページより余白ができてしまいます。

atyle.css以外の場所で余白を削るのかもしれません。

投稿日時 - 2017-12-04 19:03:35

QNo.9404394

すぐに回答ほしいです

質問者が選んだベストアンサー

良くおちいるありがちな不具合ですね。
imgをブロック要素にすると直ると思います。
display:blockにすれば直ると思います。

投稿日時 - 2017-12-04 19:44:36

お礼

ありがとうございます。試してみます。

投稿日時 - 2017-12-04 22:09:34

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問