|
seahorsecreative
|
March 13, 2015 at 4:50 am
Hi There,
I am only a beginner web developer so go easy.
I can’t seem to change the table’s CSS. I am adding CSS to Virtue’s (built in theme) Edit CSS plug in. I have tried:
th {
background-color: #f3f95a;
color: #eee;
}
AND
.espresso-table-header-row
background-color: #f3f95a;
color: #eee;
AND from another thread I found:
.content .footable {
border-color: #f3f95a;
}
.content .footable > thead > tr > th,
.content .footable > thead > tr > td,
.content .footable > tfoot > tr > th,
.content .footable > tfoot > tr > td {
border-color: #f3f95a;
background-color: #f3f95a;
}
I have activated the Metro style but it doesn’t quite sit with the style of my site. Any ideas?
|
|
Dean
|
March 13, 2015 at 5:48 am
Hi,
.footable > thead > tr > th.th-group {
background-color: #f3f95a;
background-image: none;
color:#eee;
}
That will change the header background (notice the background-image none).
.footable > tbody > tr > td {
border: #000 thin solid;
}
The above will change some of the borders to black (not all, it’s just an example).
Inspect element is your friend when modifying CSS 🙂
It might also be worth checking out the footable CSS direct – /wp-content/plugins/eea-events-table-view-template_1.3.1/css/footable.standalone.css
Let me know if you have any questions.
|
|
seahorsecreative
|
March 14, 2015 at 6:52 am
Hey Dean,
thanks – I have tried the code you suggested as well as editing the footable css file you mention and still it will not work. I have since installed a new template and the table header has picked up the color I have selected, however the bottom of the table and the rows still will not change.
http://goattraining.com.au
|
|
seahorsecreative
|
March 14, 2015 at 6:54 am
Ok, it does appear to be working now – sorry the server must be lagging.
|
|
Dean
|
March 16, 2015 at 2:43 am
Ctrl-F5 normally clears the cache and refreshes the page.
Anything else I can help you with or can I mark this as resolved?
|
