Community Forums › Forums › Archived Forums › Design Tips and Tricks › Gravity Forms font too small
Tagged: css, GravityForms
- This topic has 4 replies, 3 voices, and was last updated 11 years, 5 months ago by
Tom.
-
AuthorPosts
-
January 20, 2015 at 9:13 pm #138153
Jason
MemberHi there everyone,
Anyone having problems with gravity forms lately? I have noticed that ever since studiopress switched to Ninjaforms... Every time I installed Gravity forms on studiopress themes the fonts are very small that you can't hardly read it. The forms does not looked like the way it is on the demo sites before. Since studiopress has heavily promoted gravity forms before I bet I'm not the only one experiencing the problem. Example: http://tryawebsite.com/altitude/contact/
I tried looking it up on the theme styel.css but I can;t find gravity forms there. Can anyone help me get through this? Thanks in advance!
regards,
JasonJanuary 24, 2015 at 8:46 am #138508Davinder Singh Kainth
MemberAdd following code before media queries section in style.css to increase font size in gravity forms
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { font-size: 16px !important; }
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis ThemesJanuary 24, 2015 at 2:10 pm #138538Tom
ParticipantAnd these CSS additions will take care of the input fields:
.gform_wrapper select { font-size: 18px !important; } .gform_wrapper textarea { font-size: 18px !important;; } .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] { font-size: 18px !important; }
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]January 25, 2015 at 7:59 pm #138625Jason
MemberThank you for the reply Davinder and Tom but I can't make it work. This is where I paste your codes. Just above the media queries.
/*
Gravity Forms
---------------------------------------------------------------------------------------------------*/.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
font-size: 16px !important;
}.gform_wrapper select {
font-size: 18px !important;
}.gform_wrapper textarea {
font-size: 18px !important;;
}.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password] {
font-size: 18px !important;
}/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1280px) {.site-inner,
.wrap {
max-width: 1140px;
}}
January 25, 2015 at 11:46 pm #138640Tom
ParticipantThe code is installed and visibly working - I don't see a problem. Please provide specific details if you still have questions.
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ] -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.