input search css color

  • Resolved fatimazahra

    (@fatimazahra)


    7 years, 4 months ago

    hi,
    thank you for your great plugin,

    i have a problem in css i can’t find where to change the color of “inpt box hover” and “tablepress-id_length” where we can choose number of rows to display

    i aready changed header and pagination color from “blue” to another color but whene i press tyhe two inputs i have the blue color which is not awsome

    .tablepress .sorting_asc,
    .tablepress .sorting_desc {
    background-color: #ddcf74;
    }

    .paginate_button:after,
    .paginate_button:before {
    color: #ddcf74;
    }

    .paginate_button:hover:after,
    .paginate_button:hover:before {
    color: #c7b018;
    }

    .paginate_button.disabled:after,
    .paginate_button.disabled:before {
    color: #f9f9f9;
    }

    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #ddcf74;
    }

    .tablepress thead .sorting_asc,
    .tablepress thead .sorting_desc,
    .tablepress thead .sorting:hover {
    background-color: #c7b018;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Try something like

    #tablepress-123_length select {
  color: #ff0000;
}

    and

    #tablepress-123_filter input {
  background-color: #ff0000;
}

    I recommend to play around with the Developer Tools in your browser (I recommend Chrome here.) for this. You can then see the proper CSS classes, etc.

    Regards,
    Tobias

    Thread Starter fatimazahra

    (@fatimazahra)

    it dosn’t work

    i used the inspector of chrome and even tried to find somthing in “default.css” and “default.min.css” files

    Thread Starter fatimazahra

    (@fatimazahra)

    i think it’s inherited from my theme css i will see and give a feedback

    thank you anyway u are the best ??

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    in my example above, I forgot to mention that you’ll have to change 123 to the table ID.

    Alternatively (to have this apply to all tables), try

    .dataTables_length select {
  color: #ff0000 !important;
}
.dataTables_filter input {
  background-color: #ff0000 !important;
}

    Regards,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘input search css color’ is closed to new replies.