CSSのULから空白を削除する

Question

ウィジェットのULで何が問題になっていますか？https://poydalla.net/category/in-english/にSuosituinta juuriがありますか？最初のページではカテゴリやブログの投稿は間違っていますが、https://poydalla.net/lautapelisuositukset/のようなページではうまく見えます。

私は、ChromeのInspectツールとCSSを比較して、正しくなかったページとの差異をすべて変更してみました。

私はたくさんのグーグルで試して、マージン、パディング、ラインハイト、ディスプレイ（インライン、ブロック、フレックスなど）のさまざまな組み合わせを試しました。他のものがうまくいくと、ページが台無しになりました。

Answer 1

よく、が間違っていますはmargin-bottom: 40px;の.archive .postセレクタです。私はアーカイブページに記事ティーザーを配置することを意図していますが、あなたのulアイテムにもクラスpostがある限り、それらはこのボトムマージンの影響を受けます。

それはあなたの全体のCSS（とあなたの要素にクラスを与えるPHP）を知らなくてもあなたに良い解決策を与えることは難しいのですが、私はこの可能な解決策を試みることができるあなたの推測：

あなたはPHPを編集することが許可されている場合/ HTML

ウィジェットのliアイテムからクラスpostを削除するだけです。

あなただけのCSSに.archive li.post { margin-bottom: 0 }を追加する十分なはずCSS

を編集することができます。悲しいことに

.blog article.post, 
.single article.post, 
.archive article.post, 
.search article.post, 
.search article.page { 
    margin-bottom: 40px 
}