-
Posts
-
Hi guys,
I’m using the pricing table element and I want to center the text in the cells vertically. Right now the text is aligned at the top of the cells:
http://fs5.directupload.net/images/160615/lmsvlvmy.pngWhen I give them display:table-cell; and vertical-align:middle; the whole pricing table gets broken.
Looking forward to your answer!
Greetings,
LindaHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-desc-col.pricing-table>li { padding: 15px 0; }Best regards,
YigitThat did work! Thank you!
But now another problem occured: One of the Table lines is that long that it goes over two lines. With the suggested CSS the second line disappears partly:
http://fs5.directupload.net/images/160615/6l6yfxq8.pngCan you tell me how to fix it?
And can you tell me how I can get the first column wider and the other ones narrower?
Cheers,
LindaHey!
That is because of the size of the word I am afraid. I tried 1-2 things but seems not to be working properly.
If Yigit can see a solution or else, can you try use something else as a wording there?Thanks a lot
Cheers!
BasilisI’m not sure if it’s possible to get some shorter phrase for that. :(
Is there no possibility to adjust the width of the columns so that the first one will be wider than the other three?
Hi,
To increase the column width you can use the below css.
body .main_color .pricing-table.avia-desc-col li { min-width: 300px; }Please note extending the col width for the first one will have chain effect on the other columns too. We would gladly help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support as it will take a lot of time and coding to fix this. You may need to hire a freelancer.
Thank you for your understanding :)
Best regards,
Vinay
- You must be logged in to reply to this topic.