On the computer only, white text on white background
By Don Lewis on Saturday, 18 March 2017
Posted in General Issues
Replies 13
Likes 0
Views 595
Votes 0
Hello,

When users come to my website and try to register, everything is fine from the mobile version. From a computer or laptop however, the birthday dropdown fields on the initial registration page is white text on white background. Can someone please fix that for me to show a black background with white text?

Thank you in advance,
Don
Hello Don,

Hm, which browser are you using? Most browsers these days are already rendering dropdowns using the OS's UI instead of rendering a custom UI. Take a look at this, http://take.ms/MyAMk
Mark
·
Saturday, 18 March 2017 00:42
·
0 Likes
·
0 Votes
·
0 Comments
·
so what can i do to change this?
Don Lewis
·
Saturday, 18 March 2017 00:47
·
0 Likes
·
0 Votes
·
0 Comments
·
I need to know which browser and operating system are you using to test this.
Mark
·
Saturday, 18 March 2017 14:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Windows 10 with chrome browser.
Don Lewis
·
Saturday, 18 March 2017 14:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Don,

As I do not have a Windows machine with me right now, I am unsure if this works but can you try adding the block of css codes below:



#registrationForm select option {

    background-color: #000 !important;

    color: #fff !important;

}
Mark
·
Saturday, 18 March 2017 14:52
·
0 Likes
·
0 Votes
·
0 Comments
·
Where do I add these at?
Don Lewis
·
Saturday, 18 March 2017 14:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Don,

You could add it under /templates/at_portgen/html/com_easysocial/css/custom.css
Mark
·
Saturday, 18 March 2017 14:58
·
0 Likes
·
0 Votes
·
0 Comments
·
I just added it and refreshed the screen. Still white on white
Don Lewis
·
Saturday, 18 March 2017 15:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Not sure if this helps or not, but it wasn't like this until we had the update yesterday. Just thought I would let you know in case if that helped at all
Don Lewis
·
Saturday, 18 March 2017 15:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Please try this again, I have made some modifications on the css file. Also, you need to purge your browser's cache.
Mark
·
Saturday, 18 March 2017 15:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Also, i just tried this in firefox and the microsoft edge browsers as well and those two worked fine. Just chrome seems to have the issue
Don Lewis
·
Saturday, 18 March 2017 15:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Sir, that seemed to work great. Thank you!
Don Lewis
·
Saturday, 18 March 2017 15:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Great, thanks for updating! It seems like there are different behaviors on the browsers based on the operating system that you used
Mark
·
Saturday, 18 March 2017 15:33
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post