Borders – white between headers & black around entire table

  • Resolved ndfightingsue

    (@ndfightingsue)


    9 years, 1 month ago

    Not sure how to specify all the different border requirements I am looking for.

    Here is the page and what it looks like now:
    https://companynewsletters.com/indexpricesprinted2page

    I want to keep the white borders on the inside for the head names but also put a black border around the entire table.

    I also want a darker color for the rows that alternate with white. Please help!

    Here is my CSS:
    .tablepress-id-2 thead th,
    .tablepress-id-2 tfoot th {
    background-color: #650360;
    color: #FFFFFF;
    border: 1px #FFFFFF;
    }

    .tablepress-id-2 td {
    padding-top: 3px;
    padding-bottom: 3px;
    }

    .tablepress-id-2,
    .tablepress-id-2 tr,
    .tablepress-id-2 tbody td,
    .tablepress-id-2 thead th,
    .tablepress-id-2 tfoot th {
    border: 1px #FFFFFF;
    }

    .tablepress-id-2 thead th {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    }

    .tablepress-id-2 {
    width: 55%;
    }

    https://www.ads-software.com/plugins/tablepress/

Viewing 1 replies (of 1 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Please try this “Custom CSS” instead of what you posted above:

    .tablepress-id-2 {
	border: 1px solid #000000;
	width: 55%;
}

.tablepress-id-2 thead th,
.tablepress-id-2 tfoot th {
	background-color: #650360;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.tablepress-id-2 thead th:last-child,
.tablepress-id-2 tfoot th:last-child {
	border-right: 1px solid #000000;
}

.tablepress-id-2 td {
	padding-top: 3px;
	padding-bottom: 3px;
}

.tablepress-id-2 .odd td {
	background-color: #cccccc;
}

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Borders – white between headers & black around entire table’ is closed to new replies.

Tags