-
Posts
-
Hello,
On the link provided, I am using two pricing table that are side by side. They have the same number of rows but the content in some rows wraps up to the next line. How can I force a break so the rows are the same height or better yet, how can I apply a fixed height to all the rows or specific rows as desired.That does not work.
My code looks like this
<span style=”font-size: 20px;font-weight: 800;color:#222;”><i>OVER 30 </i></span>active filter cross references<br /><br />Hey!
Can you try to replace your code to this:
<span style="font-size: 20px;font-weight: 800;color:#222;"><i>OVER 30 </i></span> <br />active filter cross references
place <br /> in the middle of your text to force the content after it below.Best regards,
NikkoHi,
To set all rows in fixed height, kindly add this code in Quick CSS (Enfold > General Styling):
#usvsthem .pricing-table > li { height: 70px; }This should set all the rows to equal height, just change the value as you see fit.
Best regards,
NikkoNikko thank you.
I added the below to vertically center the single line or double line text.
#usvsthem .pricing-table > li {
height: 70px;
display: flex;
justify-content: center;
flex-direction: column;
}
- The topic ‘Pricing table with fixed height for each row’ is closed to new replies.