Cell Spacing and Background colour

  • Resolved kizzab

    (@kizzab)


    6 years, 11 months ago

    Hi
    I have used tablepress to add content to my site but i just have two questions.

    1. How can i make an image fill the entire cell at the moment there seems to be a margin or padding on it which i am unable to get rid of?
    2. How can i make my entire table background a particular colour at the moment it is only in one row?

    The code that I have entered to try to achieve this is the following

    .tablepress,
    .tablepress tr,
    .tablepress tbody,
    .tablepress tbody td,
    .tablepress td,
    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #9d9770;
    border: solid;
    border-width: 5px;
    border-color: white;
    padding: 0;
    margin: 0;
    }

    .tablepress img {
    max-width: 100%;
    }

    .tablepress .column-1 {
    width: 50%;
    padding: 0;
    margin: 0;
    }

    .tablepress .column-2 {
    width: 50%;
    padding: 0;
    margin: 0;
    }

    Thanks for any help

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    First, I recommend to uncheck the “Table Head” checkbox on the table’s “Edit” screen, as this table doesn’t have an actual header row.

    Then, this modified CSS should be sufficient:

    .tablepress-id-1 td {
    background-color: #9d9770 !important;
    width: 50%;
    border: 5px solid #ffffff;

}

.tablepress-id-1 .row-1 .column-2,
.tablepress-id-1 .row-2 .column-1 {
    padding: 0;
}

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Cell Spacing and Background colour’ is closed to new replies.