I’m trying to add a background color to the headers of the tables. I’ve tried adding it to the meta data, CSS code. From our WordPress site this is the code we had to which I switched the title to perc-table-1. What am I doing wrong?
.perc-table-1 {
.perc-table-1 {
border-left:1px solid #a5977c;
margin-bottom:15px;
width: 100%;
border-spacing:0;
border-collapse:collapse;
}
.perc-table-1 th,
.perc-table-1 thead td {
background:#642d7d;
color:#fff;
font-weight:700;
padding:6px 15px 6px 5px;
border-right:1px solid #a5977c;
text-align:left
}
.perc-table-1 td {
padding:4px 5px;
border-bottom:1px solid #a5977c;
border-right:1px solid #a5977c;
vertical-align:top;
font-size:9pt
}
.perc-table-1 tr.alt {
background-color:#fff9ef
}
.perc-table-1 tr.odd {
background-color:#fff
}
.perc-table-1 tr.even {
background-color:#fff9ef
}
.perc-table-1 .header {
/*background:#642d7d url(/Assets/Images/system/no-sort.png) no-repeat 100% 50%;*/
cursor:pointer
}
.perc-table-1.header:hover {
background-color:#894da3
}
.perc-table-1 .headerSortUp {
/*background-image:url(/Assets/Images/system/asc.png)*/
}
.perc-table-1 .headerSortDown {
/*background-image:url(/Assets/Images/system/desc.png)*/
}
.perc-table-1 .headerSortDown,.fancy-table .headerSortUp {
background-color:#4a1f5d
}