I've been reading uip here on the forum and thought I was OK to go, but no luck.
Here is what I've put at the bottom of my style.css
[css]
.gform_footer .button {background-color: #696969; color: #FFFFFF;}
.gform_title {font-family:helvetica!important; color: #696969!important;}
.gfield_description {font-size: 12px!important;}No changes to my form. I need some help. Thanks
oh, my website is http://markandrewphotographer.com
Looks like your styles are being applied properly. Is there something I'm missing?
screenshot: http://bit.ly/nGUY5D
Also, adding a space between the "!important" declaration shouldn't make any difference.
I changed the spacing and there is no change in the text color. Instead of a gray text matching the rest of the website it's black.
Spacing on what element and what colors? I don't see any spacing properties in your rules above. Also, the only colors I saw rendered (on the button) were correct. Your form didn't have the form title visible so that rule didn't apply to anything.
I had added the space in the line of css code as WebEndev suggested.
Weird on Safari it shows the text of the form and the button as black and not grey. Is there another line of CSS code that I need?
You may need to clear your browser cache to see your changes. I'm seeing a gray button with white text in Safari.
screenshot: http://i.imgur.com/egIVr.png
Like I mentioned before, having a space between the "!important" declaration is simply a preference, it doesn't make any difference.
If you want to change all of the label/description text colors for your form, you can do so this way.
[css]
body .gform_wrapper {
color: #696969;
}I just double checked and on my end I cannot see the changes even adter resetting Safari and then checking it out on my wife's ThinkPad.
Here is all the codeI have. All I'm trying to do is change the description text and the submit button to match the rest of the gray text on my website.
[css]
}
.gform_footer .button {
background-color: #696969!important;
color: #FFFFFF;
}
.gform_title {
font-family:helvetica!important;
color: #696969!important;
}
.gfield_description {
font-size: 12px!important;
}
body .gform_wrapper {
color: #696969!important;
}It's weird, in Firefox the submit appears grey with white text, but in Chrome it is sometimes black and sometimes grey (both with white text). That makes me think there is something inconsistent in the CSS.
Can you remove those lines from your style.css and add these in their place? They're more specific rules.
[css]
body .gform_wrapper {
color: #696969!important;
}
body .gform_wrapper .gform_title {
font-family:helvetica!important;
color: #696969!important;
}
body .gform_wrapper .gfield_description {
font-size: 12px!important;
}
body .gform_wrapper .gform_footer input[type="submit"] {
background-color: #696969!important;
color: #FFFFFF;
}Screenshot Chrome: http://minus.com/mqa4x1Nz1
Screenshot Firefox: http://minus.com/mqa4x1Nz1#2
The submit button in my form has the font in the same color as the background, how would I correct that? My knowledge of stylesheets and ccs is close to none. I tried in IE, FF and Chrome and the button looks the same in all. Any suggestions are appreciated. -puertaenrollable.com
- I have a second form on the same site that shows the default button properly. (puertaenrollable.com/iniciar/cotizar/)
Thanks!
@raull1 You have styles being applied by your theme that are setting the text color of that input to white. See this screenshot:
http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202011-12-27%20at%207.59.35%20PM.png
This particular style is coming from the skin.css file of your theme. Specifically line 380 of that file where it sets the foreground color to #FFFFFF, which is white.
How does this theme work? Do you select colors/etc. and configure styles in some sort of theme options admin page?
If not and it's strictly standard CSS controlled then you need to edit this file:
http://puertaenrollable.com/wp-content/themes/striking/cache/skin.css?ver=1325033850
And find this code:
#footer input, #footer textarea, #footer .text_input, #footer .textarea {
color: #ffffff;
}It's actually the very last line in that stylesheet. Change that color to the color you want it to be.
In the future please be sure to create your own support forum post when requesting support rather than replying to and piggybacking on another users support request. This makes things much easier to manage as most of the time even if someone else's request or problem may sound similar... a lot of the times they are unrelated and have different resolutions.