Woocommerce產品列表間距

我有一個woocommerce產品清單，並在此之後，我在底部一個很長的餘量。我想用CSS以改變它：

.woocommerce .products ul, .woocommerce ul.products { 
 
    margin-bottom: 0; 
 
    padding-bottom: 0; 
 
}

但這似乎並沒有工作，就像如果我的收縮Chrome的窗口只有那種工作。

任何想法如何解決它？

2017-10-12 Harry Ord

如果您將最小代碼作爲示例發佈，以便每個人都能掌握問題/解決方案，那麼它更好。 –

1.如果您嘗試編輯頁面 - 可能是頁面設置中的主題支持頁邊距。如果沒有 - 那麼你應該在主題選項/個性化中找到它。

如果你有添加自定義CSS的選項，有時它的作品有時沒有，再加入重要的是你的CSS

.woocommerce .products ul, .woocommerce ul.products { 
margin-bottom: 0 !important; 
padding-bottom: 0 !important; 
}

你的情況，你有墊襯在56px以及！：。 et_pb_section它們之間共同給你112px的空間。

2017-10-12 15:22:51 BatOOn

我做到了，它看起來一樣，沒有任何改變。我找不到那些你正在談論的56px填充，我認爲這應該是問題，但我找不到它。我正在尋找孩子主題的CSS和自定義CSS，我沒有那個地方。 –

這個移動填充是188px – BatOOn

您正在使用頁面生成器來設置您的頁面。刪除填充頂部和底部以刪除空間。

2017-10-13 08:31:32

回答