Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 5, 2014 at 3:53 am #363409
    ax2201

    Hi I want the rows to be equal in height and to adjust to the row that has most text.
    But I do not want all rows to be of the same fixed height.
    How can I do this on http://lifeterapias.com.br/sair-da-depressao-2/
    Thanks.

    December 5, 2014 at 10:52 pm #363899
    Elliott

    Hey ax2201!

    If I understand correctly then you will want to add a codeblock element to your page and add this inside.

    <style type = "text/css">
.pricing-table > li:nth-child(4) {
    min-height: 100px;
}
.pricing-table > li:nth-child(5) {
    min-height: 100px;
}
.pricing-table > li:nth-child(6) {
    min-height: 100px;
}
</style>

    That way you can set the height for each row in the three tables.

    Regards,
    Elliott

    December 6, 2014 at 2:30 pm #364058
    ax2201

    Hi Elliott, unfortunately nothing has changed. I’ve created a code block, entered the exact code you gave me in the code block content, but nothing has changed.

    December 8, 2014 at 4:36 am #364432
    Ismael

    Hi!

    It actually works. Look for the table cell with the “4 sessões de 1h (1x por semana).” text. The min height of the cell is 100px. Adjust the minimum height of the other rows. If you want to change the height of the next row below, adjust this:

    .pricing-table > li:nth-child(5) {
    min-height: 800px;
}

    If you want to change the previous row, use this:

    .pricing-table > li:nth-child(3) {
    min-height: 450px;
}

    To learn more about css child selectors, please refer to this link: http://css-tricks.com/how-nth-child-works/

    Best regards,
    Ismael

    December 8, 2014 at 2:20 pm #364615
    ax2201

    Understood ! Works fine, thank you.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Pricing table rows height’ is closed to new replies.