css - Avada 投资组合

Question

我正在尝试找到一种方法来固定投资组合的大小，因为它们由于多个类别而变得不均匀。我使用的是 Avada 主题，如果您转到投资组合页面 (https://www.socalip.com/professionals/)，您将看到一些较低的投资组合如何 float 低于其他投资组合。

有谁知道任何可以使这些尺寸成为静态尺寸的 CSS？如果可能的话，我想让他们保持统一。如果我遗漏了任何重要的细节，我们深表歉意。

提前致谢!

Answer 1

你的绝对立场让一切都乱七八糟。这将帮助您绕过它

.fusion-portfolio-post.fusion-col-spacing {
     position: static !important;
}

我在特殊情况下同时使用了这两个类，以防 col-spacing 类也在其他地方使用，但为了让它变得更好，在包含此组件的最高父 div 上添加一个钩子(Hook)类并将其添加到使它更加具体并且不会弄乱您网站中的其他组件的特异性。

例如

<div class="hook-class">
  <my shortcode for this component here/>
</div>

//CSS
.hook-class > .fusion-portfolio-post.fusion-col-spacing {
     position: static !important;
}

编辑(您可能需要的其他代码...可选)

H4 标签会给您带来较长名称环绕的问题。如果我是你，我会省略那些，并为了易读性而保留字体大小。但这仍然是您的选择，请注意我的屏幕截图中的 Jeff

.fusion-portfolio-content h4 {
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

在这里也使用特殊性。

这里是在不同响应断点的测试

1024px

991px

768px

<500 像素