Custom CSS in row details

  • Resolved poewealth

    (@poewealth)


    7 years, 6 months ago

    I’m trying to change the background color of the expanded row details, but can’t figure out the right class. I’ve inspected the page and tried every variation I can think of what I found there, but it always comes up the same shade of white.

    I’m using the latest versions of tablepress, table auto update, and row details. I’ve looked at both the tablepress faq, datatables faq/support, and wordpress support but wasn’t able to find a solid answer.

    EDIT: I’ve also noticed that

    .tablepress length {}

    isn’t affecting the text by the “show x rows” dropdown menu, or the text by the searchbar. Is that not the right css class?

    • This topic was modified 7 years, 6 months ago by poewealth.
    • This topic was modified 7 years, 6 months ago by poewealth.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter poewealth

    (@poewealth)

    7 years, 6 months ago

    I actually solved both issues. It looks like my theme’s css was overriding anything I tried to do in these areas, so I added !important; to each css bit, like this to change the wrapper text color –

    .dataTables_wrapper .dataTables_info {
	color: #D7B67C !important;
}

    and this to change the box color –

    input[type="search"],
textarea,
select {
	background-color: #c3c0bb !important;
}

    Issue is solved.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 6 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Great! Good to hear that you already found a solution here.

    This looks good. (Note that your second piece of code affects all text fields and dropdowns on the site, not just those from TablePress! But that might actually be a good thing.)

    Best wishes,
    Tobias

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

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Custom CSS in row details’ is closed to new replies.