Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 30, 2014 at 2:26 am #216738
    dpilling

    Hey guys,

    I’m working with the table element (standard table, not pricing table). How would I go about the following:

    1) Remove shading on column rows so that all rows have same white background.
    2) Center an image vertically in a table row.
    3) Top justify text in a table.

    Thanks.

    January 30, 2014 at 3:40 am #216743
    dpilling
    This reply has been marked as private.
    January 30, 2014 at 7:02 am #216815
    Ismael

    Hi!

    1.) You can add this on Quick CSS to make the heading row background white.

    .main_color tr:nth-child(odd) {
background: white;
background-color: white;
}

    2.) Use this:

    td img {
margin: 0 auto;
}

    3.) Add this one to vertical align the text and all elements within the table at the top:

    td > *, tr > * {
vertical-align: top;
}

    Regards,
    Ismael

    January 30, 2014 at 6:21 pm #217073
    dpilling

    Thanks Ismael. I have multiple tables in the site. How do I make these modifications to only one of them?

    Also, how would I limit image size in a table. I’ve tried the following in the table cells, but it doesn’t seem to work.

    January 31, 2014 at 6:44 pm #217592
    Yigit

    Hi!

    You can right click on Chrome or Firefox and click Inspect elements to find out page id and modify custom CSS as needed. For example

    .page-id-5959 .main_color tr:nth-child(odd) {
background: white;
background-color: white;
}

    Can you post the link to your page where you need to limit image size so we can take a look?

    Regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Formatting Tables’ is closed to new replies.