Woocommerce减少了产品描述中图像和文本之间的空间？

Question

我添加了“添加到购物车”按钮图片，我在其上放置了一个结帐链接，图片位于我的产品说明之上，但图片和文字之间的间距太大有没有办法减少它？也许用CSS？

现在如何看待“添加到购物车”按钮：

以及我希望它看起来像：

以下是上面图像/视觉的产品说明中的代码：

<img class="alignnone size-full wp-image-623" src="http://example.com/wp-content/uploads/2018/03/addtocart1-2.jpg" alt="" width="383" height="70" />
<ul>
    <li>FREE WORLDWIDE SHIPPING</li>
    <li>Delivery time: 9 to 18 days</li>
</ul>

更新

底部边际肯定是问题的根源。我使用SiteOrigin CSS插件来编辑我的CSS，但是Konards代码（下面的答案）没有按预期工作，you can see how it looks with Konards code and when I uncheck bottom margin带有inspect元素（即使我删除了代码的文本部分，文本也会变形） 。

并且here you can see how the code looks before and after它已保存在SiteOrigin CSS中（也出现了一些错误）。 here is the code（从第10行开始）

Answer 1

你能发送图片在网站上的样子吗？

我尝试使用CSS：

<img class="alignnone size-full wp-image-623" src="(your image url)" alt="" width="383" height="70" />
<ul>
    <li>FREE WORLDWIDE SHIPPING</li>
    <li>Delivery time: 9 to 18 days</li>
</ul>

<style>
img {
  margin: 0;
  margin-bottom: 0 !important;
}
li,
ul {
  margin: 0;
  margin-bottom: 0 !important;
  line-height: 8px !important;
}
</style>