Hello,

Please bare with me as I am fairly new to CSS amendments.

I have just upgraded to 2.0.1 and I'm trying to get my tables looking and acting as they were before that change. I am having difficulty in locating what CSS to amend and where to put it.

If you go to http://www.keepwerking.co.uk/concertcountdown/ you will see the table in action. The column filter place holders "Date", "Location" etc are displaying as color #999 I want them to be #040. How do I do that? I know it will be a CSS change, so what is it and where should I place it? i.e. on the page?

Those fields are also underlined. I would like to remove that uinderline.

Then, when I click into the boxes, the background color changes as well as the text. I would like to control that too. I used to be able to previous to 2.0 but no longer (i.e. I can't find what to do)

Finally, I am having similar issues with the master Search field. At present because the background color is defaulting to black and the font is black .. I am unable to see what is being entered. Again, that underline is there too.

Can you please provide some assistance?

(PS: I entered http://www.keepwerking.co.uk/concertcountdown as the related URL but the form keeps telling me that "Your related URL does not appear to be valid." )

I have managed to work out that if I put in the following CSS into the "Custom wpDataTables CSS" the change I wish to see is made on all tables my site has.

.wpdt-c .form-control::-moz-placeholder {
    color: #040 !important ;
    opacity: 1;
}

It appears that the word "!important" is important to have in this instance. If I do not include it then the color of the text is not changed.

So .. 1 down.

Now I need to be able to control the background color and the font color once I click into those filter fields.

I have now managed to

1) Change to font color of the place holder filter text
2) Change the background color of the place holder
3) Change the color of the text that is used when entering text into the filter fields
4) Remove the underline in the place holder filter text

/* 1) Change color of place holder filter text */
.wpdt-c .form-control::-moz-placeholder {
    color: #004400 !important ; opacity: 1;
}

/* 2), 3) and 4) Text Input Fields */
.wpDataTables input[type="text"], .wpDataTables input[type="search"], .wpDataTables select, .wpDataTables textarea {
    color: #00ff00 !important;
    background: #001100;
    border-style: none;
}

( Though I do notice that I get different results depending on what browser I am using ;o/ )

I am left with wanting to know how to change the background color that appears when entering text into those filter fields. It is currently #800000 I would like it to be #001100, to match what it is when it starts.

Thank you for your reply.

I had come across that CSS but it did not work. It still does not work now.

This is what I now have in the "Custom CSS field in wpdatatables settings page":

/* Text Input Fields before something has been entered (i.e. place holder text color) */
<p>.wpdt-c .form-control::-moz-placeholder {   
     color: #004400 !important ; opacity: 1; 
}</p>
<p>/* Text Input Fields AFTER something has been entered and the cursor moves away*/
.wpDataTables input[type="text"], .wpDataTables input[type="search"], .wpDataTables select, .wpDataTables textarea {
   color: #00ff00 !important;
   background: #001100;
   border-style: none;
}</p>
/* Text Input fields after the field has been selected */
<p>.wpdt-c .form-control {
    background: #001100 !important;
}</p>

I know you wrote "

color: #001100 !important;

But I need the background color to change when selected, having already solved the font color issue.

Any other ideas?

Cracked it ... (I think)

I needed to add this:

/* Text Input fields after the field has been selected */
.wpdt-c .form-control:focus {
    background-color: #001100 !important;
}

Sooo .. my conclusion? .... it's difficult to find the things you wish to change in respect to the looks of those input search boxes :/

It would be much better to have the plug in allow you to change these colors / boarder. Maybe for the furture? The addon color schemes seems ok if you do not want to change it from it's default (I notice your examples are all white), but not if you don't use that default.

Thank you for your time.
Please close the call.