Change styles on search text

Tagged: css styles, data table

This topic has 2 replies, 2 voices, and was last updated 6 years, 4 months ago by mila_support.

Viewing 3 posts - 1 through 3 (of 3 total)

Author
Posts
December 20, 2016 at 20:57 #11783

Anonymous
Inactive
As you can see, my “search” text and “Show [X] Entries” text is black, for some reason.
I have combed through the CSS of my styles and could find no place where this is being forced to black. I have to assume this is being forced by the plugin somehow.
Is there a way to change the styles of these objects?
This is also true for the text at the bottom that says:
“Showing 1 to 10 of 16 entries”
The text is black by default (somehow) and its hard to read on the gray background of my overall style of the site.
December 21, 2016 at 00:58 #11785

Anonymous
Inactive
Thanks to this post:
http://supsystic.com/change-the-table-search-font-colour/
I was able to deduce that I could add these styles to my style.css:
#supsystic-table-1_filter { color: #fff }
#supsystic-table-1_length { color: #fff }
#supsystic-table-1_info { color: #fff }
This seems to do what I needed, but not very convenient if I decided to add another table later. For now, this works fine for supsystic-table-1.
The only thing I could not figure out how to adjust was the pagination buttons at the bottom right. Not sure how these are formatted. Can you tell me if its possible to adjust the styles for these?
January 4, 2017 at 16:19 #12163

mila_support
Member
Hello!
You can add styles for each table separately in CSS tab of the table – http://prntscr.com/drd9op Simply add the code and change the ID of the table in your css code – http://prntscr.com/drda7d
As for pagination styles, describe more detail what do you want to change and we will help you with css code.
Author
Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Change styles on search text

Supsystic