Hi,
you can insert this CSS after the existing CSS:
.thc-calendar table td {
text-align: center;
}
.thc-calendar table td a {
color: #15a205;
text-decoration: none !important;
cursor: pointer;
}
.thc-calendar table tr.thc-calendar-row td a:hover {
font-size: 150%;
}
.thc-calendar table caption {
text-align: left;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 200%;
padding-bottom: 0.5em;
color: #152b81;
}
.thc-calendar table th,
.thc-calendar table td {
font-weight: bold;
height: 3em;
width: 3em;
border: 0 !important;
}
.thc-calendar table td.disabled {
color: #e2eff8;
}
.thc-calendar table th {
text-transform: uppercase;
border-top: 1px solid #e2eff8 !important;
text-align: center;
}
.thc-calendar table td {
border-right: 1px solid #e2eff8 !important;
border-bottom: 1px solid #e2eff8 !important;
line-height: 1em;
}
.thc-calendar table tbody tr:nth-last-child(2) td {
border-bottom: none !important;
}
.thc-calendar table tbody tr:last-child td {
border: none !important;
}
.thc-calendar table tbody tr td:last-child,
.thc-calendar table thead tr th:last-child{
border-right: none !important;
}
.thc-calendar table {
border-collapse: collapse;
border: 0 !important;
}
.thc-calendar table {
width: 100%;
table-layout: fixed;
}
.thc-calendar {
float: none;
width: 100%;
margin-bottom: 1em;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
}
.thc-calendar {
background-color: #f1f7fc;
padding: 1em;
margin: 0 0.5em 0 0.5em;
-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.thc-calendar .today {
background-color: #e2eff8;
}
Add this to the <head> part:
<link href='https://fonts.googleapis.com/css?family=Quicksand:400,700,300' rel='stylesheet' type='text/css'>
Let us know if you need some additional customization in the CSS.
Thanks for using our plugin!
Regards,
Mva7
-
This reply was modified 4 years, 5 months ago by
mva7.