Shape 5

Joomla Templates => TheClassifieds - Club => : thcinc February 20, 2015, 01:03:57 AM


: Form input text is white on white
: thcinc February 20, 2015, 01:03:57 AM
I am having trouble tracking this down. My login form and quick contact module both have white text on white background so you can't see what you are typing in. You can also see it affecting the translation module at top. You can see it happening here... http://powermy.biz/contact-us
Any suggestions would be greatly appreciated.
Thank you,

: Re: Form input text is white on white
: mikenicoll February 20, 2015, 06:33:25 PM
Hello,

In the Template.CSS remove the padding value from the code block below:

:
template.css - line 98

.inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ffffff;
    border-color: #bcbcbc #dadada #e5e5e5;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    font-size: 0.9em;
    padding: 9px 12px !important;
}

This should look better as the padding was actually pushing the text out of the box view. However, the font size is still quite large so you can add this to the custom.css file to modify it to a smaller value.

:
custom.css

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    font-size: 10px !important;}

: Re: Form input text is white on white
: thcinc February 20, 2015, 08:38:51 PM
Thanks a bunch that worked out pretty well, but the input boxes seem kind of skinny. How can make them larger?

And any suggestions on my translator module? The text in the dropdown select boxes are still white on white.

: Re: Form input text is white on white
: mikenicoll February 21, 2015, 08:00:28 PM
Hello,

In that same coding block you added you should be able to specify a larger height for Bootstrap to use by using !important.

:
height: 40px !important;

For the Language Module this should help but for future inquiries on this module you should contact its developer as they might have some settings built in.

:
#map211w1m211_chosen li {
  color: #000 !important;}