-
Posts
-
Hi – Please see the pricing table at http://thecaloriemythbook.com/get-book-test. Three things
1. How can we remove the dashed top and bottom borders from the first cell of the first row see image below
http://TheCalorieMythBook.com/wp-content/uploads/2013/09/table9.7.13.png
2. How can we ensure that the rows of the table align properly? Right now it seems that if one columns contents are more than one line tall while other cells in that row are not as tall, the table layout becomes misaligned see image below
http://TheCalorieMythBook.com/wp-content/uploads/2013/09/table9.7.13.png
3. How can we relatively expand the size of the description column and relatively shrink the sizes of the other 3 columns?
Thank you
Hey,
1.) You can use this to remove the dashed border:
.avia-desc-col.pricing-table li {
border-top: none;
border-bottom: none;
}2.) Use this to remove the empty cell:
.avia-table.main_color.avia-pricing-table-container.avia-table-1.avia-builder-el-4.el_after_av_textblock .pricing-table.avia-desc-col .empty-table-cell {
display: none;
}Regards,
Ismael
Hi Ismael – Sadly this does not provide what I need. The first removes the top and bottom border from *all* cells in the description column…I only want to remove them from the first cell. Could you help with that?
Hi,
You can use this instead.
.avia-table.main_color.avia-pricing-table-container.avia-table-1.avia-builder-el-4.el_after_av_textblock .empty-table-cell {
display: none;
}For the check marks, use this:
.pricing-table-wrap ul li large {
font-size: 30px;
}Regards,
Ismael
Hi Ismael – Thank you. The check mark fix worked perfectly. Sadly, the other fix deleted the first cell in the first column vs. only removing the top and bottom borders from only that cell. Please see this image: http://TheCalorieMythBook.com/wp-content/uploads/2013/09/table-9.10.13.png
Hi Ismael – Please disregard my last comment…I’ve decided to approach this another way. That said, I need you help with empty cells. Two questions:
1. What’s the best way to have empty cells in the table. Aka should I put in the cell?
2. Related, please see the button row in the table at http://thecaloriemythbook.com/get-book-test. Why aren’t all of the buttons laying out in the last row? And how can I make them do so?
Thanks!
Hey!
1) I’d insert a nbsp;
2) It seems like the number of rows is different? Did you try to add two rows to the first 2 columns?
Best regards,
Peter
- The topic ‘Row Issues in Pricing Table’ is closed to new replies.