Custom CSS not working with content selector

  • Resolved globalgfx

    (@globalgfx)


    8 years, 8 months ago

    I found your support thread about adding the #content selector but does not seem to have any effect. website is http://www.buzztv.buzz. scroll to near bottom of page. here is my custom css.

    #content .tablepress-id-3 .column-D td {
    background-color: #ff0000;
    }

    #content .tablepress-id-3 .column-A {
    width: 280px;
    }

    #content .tablepress-id-3 .column-B {
    width: 280px;
    }

    #content .tablepress-id-3 .column-C {
    width: 280px;
    }

    #content .tablepress-id-3 .column-D {
    width: 280px;
    }

    https://wordpress.org/plugins/tablepress/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    8 years, 8 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    It’s not the #content selector that is not working, but the way how you selected the columns. Instead of using the column letters (A, B, C, …), you’ll just have to use the column numbers, like e.g.

    #content .tablepress-id-3 .column-4 {
  background-color: #ff0000;
  width: 280px;
}

    Regards,
    Tobias

    Thread Starter globalgfx

    (@globalgfx)

    8 years, 8 months ago

    Thanks for your speedy reply. tried your fix but not seeing a change.

    #content .tablepress-id-3 .column-1 {
    width: 280px;
    }

    #content .tablepress-id-3 .column-2 {
    width: 280px;
    }

    #content .tablepress-id-3 .column-3 {
    width: 280px;
    }

    #content .tablepress-id-3 .column-4 td {
    background-color: #ff0000;
    width: 280px;
    }

    I am using a #rowspan# in column 4.
    “Use the following features of the DataTables JavaScript library with this table” in UNCHECKED because I do not want the first row as a header.

    Thread Starter globalgfx

    (@globalgfx)

    8 years, 8 months ago

    FIXED! Weird. Where did that “td” come from in column 4 code? removed that and everything looks great! Thanks Tobias

    Plugin Author TobiasBg

    (@tobiasbg)

    8 years, 8 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Yes, that extra td has to be removed as the .column-... selector already matches that td.

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom CSS not working with content selector’ is closed to new replies.