Avada投资组合

Question

我正试图找到一种方法来静态投资组合的规模，因为它们由于多个类别而变得不均匀。我正在使用Avada主题，如果您进入投资组合页面（https://www.socalip.com/professionals/），您将看到一些较低的投资组合如何浮动低于其他投资组合。

有没有人知道任何可能使那些静态大小的CSS？如果可能的话，我想保持他们的制服。如果我错过任何重要细节，请道歉。

提前致谢！

Answer 1

你的绝对位置让一切都摆脱了怪癖。这将有助于你解决它

.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标签会为您提供更长名称包装的问题。如果我是你并且为了易读性目的保留字体大小，我会椭圆。但它仍然是你的选择，但请注意杰夫的截图

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

此处也使用特异性。

以下是不同响应断点的测试

  

1,024像素x   

991px

768px

＆LT; 500像素