あなたのポジションは、絶対にすべてを捨ててしまいます。これは、私がCOL-間隔クラスはまた、どこか別の場所で使用されているが、それはより良い、あなたのフッククラスを追加作成する場合には特異で両方のクラスを使用していて
.fusion-portfolio-post.fusion-col-spacing {
position: static !important;
}
の周りに行くのに役立ちますこのコンポーネントを保持している上位の親divは、その特定のものにそれを追加して、さらに具体的にして、サイト内の別のコンポーネントを台無しにしないようにします。 (オプションに必要となる可能性があるAditionalコード...)例えば
<div class="hook-class">
<my shortcode for this component here/>
</div>
//CSS
.hook-class > .fusion-portfolio-post.fusion-col-spacing {
position: static !important;
}
EDIT
H4タグはあなたに長い名前の折り返しの問題を提供します。私があなたであれば、私はそれらを楕円形にし、判読性のためにフォントサイズを保持します。それでもあなたの選択です。スクリーンショットでJeffに通知してください。
.fusion-portfolio-content h4 {
width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
ここでも具体性を使用してください。ここで
は異なる応答ブレークポイント
1024px
991px
768px
のテストです500pxなど
良い場所と指定のフォントサイズ、例えば拘束する: '.fusion-ポートフォリオのコンテンツは{ フォントサイズをH4:10pxのを、 } 'あなたは、ロード時に位置が計算され、インラインスタイルで設定され、ウインドウがサイズ変更された後に更新される位置を持つ要素があることを知っています。また、絶対配置されているので、通常のドキュメントフロー*テキストを含むプロファイルイメージの下の要素に 'min-height'を宣言しようとすると、その要素の下にある要素を押し下げることはありません。 – UncaughtTypeError
あなたは、あなた自身が**自分でコードを書き込もうとします**。 ** [もっと研究をして](// meta.stackoverflow.com/questions/261592)**あなたが問題を抱えていると、あなたが試みたものを投稿することができます**あなたの質問の中で、** [最小限の、完全で、検証可能な例](// stackoverflow.com/help/mcve)**を提供しています。あなたのウェブサイトへのリンクは、あなたがそれを修正したりリンクが死んだら良いことはありません。 – Rob
ああ、それは私にそれらの仕事のより良い理解を与える。あなたは正しく、.fusion-portfolio-content h4を{font-size:10px; }(少し大きめにしました)完璧に動作しました。 –