Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #216738

    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.

    #216743
    This reply has been marked as private.
    #216815

    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

    #217073

    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.

    #217592

    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

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