View Full Version : How to Change "contact us" field color
altoolsupply
05-11-2011, 08:38 PM
When you click on the "contact us", the input fields of "your name" and "email address" have a background color of light yellow. The problem is that the corresponding input font color is white, making it invisible to see your entered text. I've searched the stylevars but can't find where to change the corresponding field color. Am I looking in the correct location to make the change?
Thanks...
LeventX
05-12-2011, 07:53 AM
Admincp
Styles & Templates > Style Panel , Theme Select stylevars
Search Stylevar pls..
footer_background
altoolsupply
05-12-2011, 12:24 PM
Nope, that's not it. The footer background is where the link "contact us" is. In mine, it's a green color. I'm looking for the email input form after the "contact us" link is clicked on. There will be two input fields in a "Your Details", (1) "Your Name" & (2) "Email Address". These input fields are a light yellow. Thank you for your reply...
Disasterpiece
05-12-2011, 12:52 PM
if it's just this specific page which should be adjusted, you could head for the contactus template (or some similar name) and change the color via style tag, for example
<input style="background-color: #333 !important" ...
altoolsupply
05-12-2011, 02:32 PM
Found the contactus template. Here's the code:
</vb:if>
<form class="vbform block" action="sendmessage.php?do=contactus" method="post">
<h2 class="blockhead">{vb:rawphrase send_email_to_forum_administrator}</h2>
<div class="blockbody formcontrols">
<h3 class="blocksubhead">{vb:rawphrase your_details}</h3>
<div class="section">
<div class="blockrow">
<label for="name">{vb:rawphrase your_name}:</label>
<input type="text" class="primary textbox" id="name" name="name" value="{vb:raw name}" tabindex="1" />
</div>
<div class="blockrow">
<label for="email">{vb:rawphrase email_address}:</label>
<input type="text" class="primary textbox" id="email" name="email" value="{vb:raw email}" tabindex="1" />
</div>
</div>
I don't see where you can change the color in the code. Am I in the right spot? Thanks...
Disasterpiece
05-12-2011, 03:04 PM
you could change it like this:
</vb:if>
<form class="vbform block" action="sendmessage.php?do=contactus" method="post">
<h2 class="blockhead">{vb:rawphrase send_email_to_forum_administrator}</h2>
<div class="blockbody formcontrols">
<h3 class="blocksubhead">{vb:rawphrase your_details}</h3>
<div class="section">
<div class="blockrow">
<label for="name">{vb:rawphrase your_name}:</label>
<input type="text" class="primary textbox" id="name" name="name" value="{vb:raw name}" tabindex="1" style="background-color: #333 !important" />
</div>
<div class="blockrow">
<label for="email">{vb:rawphrase email_address}:</label>
<input type="text" class="primary textbox" id="email" name="email" value="{vb:raw email}" tabindex="1" style="background-color: #333 !important" />
</div>
</div>
#333 being the hex-representation of your preferred color. #333 is a dark grey, #000 is black, etc.
altoolsupply
05-12-2011, 04:47 PM
Boy, do i feel stupid. A feature of Internet Explorer is an autofill. There is a check box that if checked, will highlight the fill-in area in yellow, indicating that the autofill feature can be used. Even though I don't use this feature, the little box was checked giving me a yellow colored input field. What a wild goose chase! Thank you very much for all your help and assistance :)
Disasterpiece
05-12-2011, 04:50 PM
Boy, do i feel stupid. A feature of Internet Explorer is an autofill. There is a check box...
ugh, there are people out there who actually still use this pile of mess?
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.