css - wordpress 投资组合库中图像之间的空间

Question

我正在尝试微调我的网站，但我不知道如何增加我的任何投资组合画廊中的图像之间的空间（示例）。

我已经浏览了 style.css 文件，但我一定遗漏了一些东西。垂直间距看起来不错，但没有水平间距，图像似乎粘在一起。

我正在使用带有“Folio White”主题的 wordpress。

Answer 1

只需将此类添加到任何 css 文件中：并在页眉或页脚中添加该 css 以获得最佳效果

.gallery-item {
    margin-top: 0;
    margin-left: 10px;
}

谢谢

Answer 2

对于垂直边距，您可以通过以下之一添加一个类以匹配所需的边距：

.only-top {margin-top:5px}
.only-bottom {margin-bottom:5px}
.top-and-bottom {margin-top:5px; margin-bottom:5px}
.overall {margin:5px}
.top-and-bottom-autosides {margin:5px auto}
.specific {margin:5px 4px 5px 4px} //note the order is: top right bottom left

Answer 3

you can create new class into your theme's style.css

#portfolio-wrap .col{margin-top: 1%;}

Answer 4

如果您使用右键单击并检查元素，这很容易，您只需将其添加到您的 style.css：

.gallery-item {
    margin-top: 0;
    margin-left: 10px;
}

确保您的样式在插件中使用的样式之前加载。

Answer 5

您可以使用 bootsrtap 方法，例如在行和容器中。这种方法更好，因为它会拉伸容器的画廊宽度。

.gallery {
  margin: -15px;
}

.gallery-item {
  padding: 15px;
}