Hi there,
I’m trying to override the default table styling on the page:
I’ve given the tables on the maintenance and planting tabs the class “services-table”, and I’m using the following CSS:
table#services-table {
background-color:#FFFFFF!important;
border-style:none!important;
}
But can’t seem to over-ride the default styles.
I see the spacing is off too but that’s an easy fix for me. Just want to get rid of all borders and backgrounds.
Thanks!
Drew
While you are in there – any idea why the summer photo is dropping down so far? It has got me scratching my head…
It’d be great if, instead of resorting to old-fashioned tables for something like this, we had use of the layout tools inside the tabs. I know. Just saying! (If you have a more elegant suggestion, I’m ALL ears!
Many thanks,
Drew
Hey!
If you gave the table a class then you are using incorrect syntax. It would just be:
.services-table {
background-color:#FFFFFF!important;
border-style:none!important;
}
Cheers!
Devin
Hi –
Unfortunately it is still not removing the formatting. The page is: http://cultivatedesign.ca/design-landscaping-services/#tab-id-2
Appreciate your help!
Drew
Hey!
Please add following code to Quick CSS as well
.services-table td, .services-table tr {
border: none!important;
}
Cheers!
Yigit
Had to adjust the code to:
.services-table td, .services-table tr {
border: none!important; background-color:#FFFFFF!important;
}
But that did the trick, Yigit – thanks for your assistance!
Cheers!
Drew