css - Avada投资组合

我试图找到一种方法来使投资组合的大小静态化，因为它们由于多个类别而变得不平衡。我使用的是Avada主题，如果您转到投资组合页面（https://www.socalip.com/professionals/），您将看到一些较低的投资组合如何浮动得比其他较低。

有谁知道任何CSS可能会使它们变成静态大小？如果可能的话，我想让它们保持统一。抱歉，如果我错过任何重要的细节。

提前致谢！

最佳答案

您的绝对职位将一切都丢掉了。这将帮助您解决问题

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

如果在其他地方也使用了col-spacing类，我将同时使用这两个类，但要使其变得更好，请在您的最高父div上添加一个包含该组件的钩子类，并将其添加到使其更具针对性，并且不会弄乱您网站中的其他组件。

例如

<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;
}

在这里也要使用特异性。

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


  1024像素
  


991px


768像素

关于css - Avada投资组合，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47334711/