Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #234967

    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

    #234969

    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

    #236442

    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

    #239455

    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

    #240169

    Hey!

    Please add following code to Quick CSS as well

    .services-table td,  .services-table tr {
    border: none!important;
    }

    Cheers!
    Yigit

    #240801

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Overriding Table Styling’ is closed to new replies.