I'm a total newbie running Gravity Themes in conjunction with Thesis 1.8.5 on this site http://www.texashomeloanpro.com/ . I've got a simple question: how can I add color to the form-heading (top-right of homepage)? All I want is change the top section of the form to blue, and the title to white. Any suggestions?
Thanks,
G
G,
I see you have some custom CSS already in place, but if you want a background of blue and a text color of white you should be able to use:
[css]
body #gform_wrapper_3 h3.gform_title {
text-align: center;
width: 275px;
background-color: #0C3C60;
color: #fff;
}Thanks for the quick response. I was able to add some color to the form header, but as you can see on the form here http://www.texashomeloanpro.com/, the top part of the form is still white. How to I ensure that the entire header is blue?
Thanks,
Grant
Richard Vav
Administrator
Hi Grant,
In your custom.css file you have the following rule
body #gform_wrapper_3 {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
background: #FFFFFF;
width: 275px;
padding-top: 12px;
margin-top: 55px;
border: 1px solid #d9d9d9;
box-shadow: #333333 0px 10px 10px;
-moz-box-shadow: #333333 0px 10px 10px;
-webkit-box-shadow: #333333 0px 10px 10px;
}you need to remove or 0 the padding-top, also in custom.css you added Robs suggestion from above, change it to the following
body #gform_wrapper_3 h3.gform_title {
text-align: center;
width: 275px;
color: #FFFFFF;
height: 40px;
}Now add the following
#gform_wrapper_3 .gform_heading {
background-color: #0C3C60;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
margin-top: 0;
padding-top: 10px;
}Your form should now look like http://i.imgur.com/sxq9YB8.png
Regards,
Richard
Richard Vav
Administrator
You're welcome
Hey guys,
I had an issue with my site and during "damage control" I messed up the CSS of my form mentioned above. Any suggestions how I can fix the header http://www.texashomeloanpro.com
Thanks,
Grant
Richard Vav
Administrator
Your body #gform_wrapper_3 CSS in your custom.css is missing the following two styles
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;Add them in and it should be back to normal.
Regards,
Richard