Joomla Templates Club 406,261 posts

[zecalouro Friend zecalouroJoin date: May 2008Posts: 9Downloads:0Uploads:0 Thanks: 9]

#132310

Hello,

My registration page features a couple of fields with a yellow background on input types, making impossible to see what is being typed inside these input fields.

How can I change this property, leaving a background with a different color from the text being typed?

I’m using Labra on Joomla 1.5.X, Community Builder is installed, but the problem is the same with or without CBLogin module.

Any help is appreciated.

Kind Regards, zeca

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#266166

Can you give us your live URL, any screenshot or more details of the problem will be helpful

1 user says Thank You to Sherlock for this useful post

1. zecalouro

[zecalouro Friend zecalouroJoin date: May 2008Posts: 9Downloads:0Uploads:0 Thanks: 9]

#266170

<em>@nguoiabcd 74539 wrote:</em><blockquote>Can you give us your live URL, any screenshot or more details of the problem will be helpful</blockquote>

Hello,

Thanks!

Sure I can, this is the website: http://happyhour.loronix.net/

…and this is the URL with the yellow background problem: http://happyhour.loronix.net/index.php/create-an-account.html

Just try to register and you will see what I’m saying.

Kind Regards,

zeca

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#266187

Hi
I tested with FF, IE 7, and everything is okie, not have yellow background
What browser do you use ? and can you make some sceenshots

1 user says Thank You to Sherlock for this useful post

1. zecalouro

[zecalouro Friend zecalouroJoin date: May 2008Posts: 9Downloads:0Uploads:0 Thanks: 9]

#266197

<em>@nguoiabcd 74560 wrote:</em><blockquote>What browser do you use ? and can you make some sceenshots</blockquote>

Hello again,

I’m using Mozilla/Firefox/3.0.1, which is Firefox with no updates found.

and please follow this link to a screenshot: http://happyhour.loronix.net/images/create-an-account.png

Thanks in advance!

zeca

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#266201

You can see image
2529
When i view your site, it like this, my friends aslo view and like this
Very strange, do you clear cache,and refresh your browser
And plese view source HTML of that page and attach here

1 user says Thank You to Sherlock for this useful post

1. zecalouro

[zecalouro Friend zecalouroJoin date: May 2008Posts: 9Downloads:0Uploads:0 Thanks: 9]

#266205

<em>@nguoiabcd 74575 wrote:</em><blockquote>When i view your site, it like this, my friends aslo view and like this
Very strange, do you clear cache,and refresh your browser
And plese view source HTML of that page and attach here</blockquote>

This is really strange. When I firebug that input this is what I get:

Unfortunately, I cannot find that #FFFFA0 color and that rgb() on my code.

Anyway, thanks! Some users are reporting this problem and probably belongs to a minor portion of my FF population.

Greetings, zeca

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#270487

Did you manage to solve this? if so please mark this as solved, if not and you still need help please post here again and include your joomla version, template verison and a description of your problem if different from before.

[nilay Friend nilayJoin date: October 2008Posts: 16Downloads:0Uploads:2 Thanks: 3]

#289950

Did anyone solve this?

I am having the same problem and can’t resolve it.

Nilay.

[bapafm Friend bapafmJoin date: December 2008Posts: 11Downloads:0Uploads:0 Thanks: 5]

#291380

I have the same problem with the Contact page/component too.

Only in Firefox – I’m running the most up to date version, but it is a problem on another pc here which has an earlier version.

Image below:

Can someone look into this please? The form is needed for students to register for scholarships but at present it looks unusable.

Thanks

[nilay Friend nilayJoin date: October 2008Posts: 16Downloads:0Uploads:2 Thanks: 3]

#291403

I’ve managed to work out the problem. It’s Firefox “Autofill” function, and is a problem only in FIrefox and on the Labra template where the background to the fields is dark grey and the text colour is white / light grey (can’t remember which).

When Firefox sees some fields it thinks it can fill automatically, it highlights those fields in yellow. Normally this is not a problem, because the text in the field is black., so you can see it.

The problem with the Labra template is that because the css sets the field background to grey and the text to white, when the field is made yellow by Firefox you cannot see the white text in it.

If you turn the “Autofill” feature off in Firefox it will be alright, but this does not help users who come to your site who will not know anything about this. The solution I have applied to my site is to set the field background to light grey and the text to black, so that even with the autofill turned on, you can read the black text in it.

zecalouro, you will not find that colour anywhere in the code as it is generated by Firefox and is not in your css.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#291404

You just beat me to it.

I was going to say this was probably the google toolbars ‘autofill’ but it could be FFs autofill too.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#291405

To stop autofillers from changing the box to Yellow open template.css (line 159) and find…


.inputbox {
background:#5A5A5A none repeat scroll 0 0;
border:1px solid #666666;
color:#FFFFFF;
padding:2px;
}

and change to…


.inputbox {
background:#5A5A5A none repeat scroll 0 0 !important;
border:1px solid #666666;
color:#FFFFFF;
padding:2px;
}

By adding !important to this line we are telling the CSS that this rule is not to be over-ridden by a later rule.

Autofill will still work as normal.

[bernmckin Friend bernmckinJoin date: April 2008Posts: 4Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#292115

Thanks! I’ve been looking for this fix.

[Author]

Posts