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 9 years, 3 months ago by Tom.
-
AuthorPosts
-
January 20, 2015 at 9:13 pm #138153JasonMember
Hi 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 KainthMemberAdd 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 #138538TomParticipantAnd 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 #138625JasonMemberThank 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 #138640TomParticipantThe 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.