Custom CSS is not working properly
-
Here’s a link to the page https://www.fresherstech.com/testing-page/ I’m having difficulties trying to get the custom CSS to work. nothing is coming up when am checking the table on my pages. in preview its working fine, am using below code .tablepress {
margin: 0;
padding: 0;
width: 100%;
border: 5px solid #47665e;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
} .tablepress table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
} .tablepress tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
} .tablepress table tr:first-child td:first-child {
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
} .tablepress table tr:first-child td:last-child {
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
} .tablepress tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
} .tablepress tr:hover td {
} .tablepress tr:nth-child(odd) {
background-color: #aad4ff;
} .tablepress tr:nth-child(even) {
background-color: #ffffff;
} .tablepress td {
vertical-align: middle;
border: 1px solid #000000;
border-width: 0 1px 1px 0;
text-align: center;
padding: 15px;
font-size: 19px;
font-family: Arial;
font-weight: normal;
color: #000000;
} .tablepress tr:last-child td {
border-width: 0 1px 0 0;
} .tablepress tr td:last-child {
border-width: 0 0 1px 0;
} .tablepress tr:last-child td:last-child {
border-width: 0 0 0 0;
} .tablepress tr:first-child td {
background: -o-linear-gradient(bottom,#005fbf 5%,#005fbf 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#005fbf),color-stop(1,#005fbf));
background: -moz-linear-gradient(center top,#005fbf 5%,#005fbf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=”#005fbf”,endColorstr=”#005fbf”);
background: -o-linear-gradient(top,#005fbf,005fbf);
background-color: #005fbf;
border: 0 solid #000000;
text-align: center;
border-width: 0 0 1px 1px;
font-size: 16px;
font-family: Arial;
font-weight: bold;
color: #ffffff !important;
} .tablepress tr:first-child:hover td {
background: -o-linear-gradient(bottom,#005fbf 5%,#005fbf 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#005fbf),color-stop(1,#005fbf));
background: -moz-linear-gradient(center top,#005fbf 5%,#005fbf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=”#005fbf”,endColorstr=”#005fbf”);
background: -o-linear-gradient(top,#005fbf,005fbf);
background-color: #005fbf;
} .tablepress tr:first-child td:first-child {
border-width: 0 0 1px 0;
} .tablepress tr:first-child td:last-child {
border-width: 0 0 1px 1px;
} https://ww.wp.xz.cn/plugins/tablepress/The page I need help with: [log in to see the link]
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
The topic ‘Custom CSS is not working properly’ is closed to new replies.