Stylesheet issue - need help please « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

duce
Member

At this link I have fixed most of the fields to display more or less default of what the theme design is:
http://www.zwartkops.co.za/race-entry-historic-tour/
But for the life of me I cannot figure out how to get the "Phone" input boxes the same format as the other input boxes.
I have the style disabled in GF and have copied the stylesheet into my theme stylesheet.
The select boxes also do not show up the same as in the designed theme but that is not the end of the world.
The theme was designed using Artisteer version 4.1.

Posted 12 years ago on Monday April 8, 2013 | Permalink

Add the input[type="tel"] selector to your CSS rules so they look something like this

input[type="tel"], input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
   background: #F7F7F7;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
   border: 1px solid #9E0A0D;
   margin: 0 auto;
}

and

input[type="tel"], input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
   width: 100%;
   padding: 8px 0;
   color: #000000 !important;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}

and to target the selects, but not all browsers will respect them

select{
/* styles go here */
}

Posted 12 years ago on Monday April 8, 2013 | Permalink

duce
Member

Man you are champion! Thanks so much! :)

Posted 12 years ago on Monday April 8, 2013 | Permalink
Richard Vav
Administrator

You're welcome

Posted 12 years ago on Monday April 8, 2013 | Permalink

This topic has been resolved and has been closed to new replies.