|
wenhk
|
January 9, 2018 at 11:47 am
Hi,
I’m using EE4 with Event Table EE4. I searched the support forum and found how to change the header and footer of the table, and have applied the changes successfully, however I cannot seem to change the colour of the borders, particularly on the header.
The table is here: http://wenhk.org/upcoming-events/
The code I’ve used is:
.footable > thead > tr > th,
.footable > thead > tr > td,
#ee_filter_table > tfoot > tr > td,
#ee_filter_table > tfoot > tr > th {
background-color: #E85745;
background-image: -webkit-gradient(linear, left top, left bottom, from(#9f5b55), to(#9f5b55));
background-image: -webkit-linear-gradient(top, #E85745, #E85745);
background-image: -moz-linear-gradient(top, #E85745, #E85745);
background-image: -ms-linear-gradient(top, #E85745, #E85745);
background-image: -o-linear-gradient(top, #E85745, #E85745);
background-image: linear-gradient(to bottom, #E85745, #E85745);
-webkit-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.8) inset;
-moz-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.8) inset;
box-shadow: 0 0px 0 rgba(255, 255, 255, 0.8) inset;
border: none;
text-shadow: 0 0px 0 rgba(255, 255, 255, 0.5);
}
What am I missing? Thank you!
|
|
Josh
|
January 9, 2018 at 1:21 pm
Hi there,
The following CSS will change the border colors there (and widen them to 3px, change to 1px for thinner border lines)
.footable > thead > tr > th {
border: 3px solid lime;
}
.footable > tbody > tr > td {
border-top: 3px solid #ff00ff;
}
|
|
wenhk
|
January 9, 2018 at 7:57 pm
Thanks for your help Josh. It hasn’t worked. I’m still seeing blue borders at the top of the table.
http://wenhk.org/upcoming-events/
|
|
Tony
|
January 10, 2018 at 2:07 am
Hi there,
Looks like your CSS is being overridden because of the load order.
Try:
#ee_filter_table.footable > thead > tr > th {
border: 3px solid lime;
}
#ee_filter_table.footable > tbody > tr > td {
border-top: 3px solid #ff00ff;
}
|
