Gravity Support Forums Tag: css

Gravity Support Forums Tag: css - Recent Topics https://legacy.forums.gravityhelp.com/tags/css Gravity Support Forums Tag: css - Recent Topics en-US Sun, 19 Apr 2026 16:35:06 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Josh on "Add class to input using php - not client side" https://legacy.forums.gravityhelp.com/topic/add-class-to-input-using-php-not-client-side#post-342108 Mon, 24 Jun 2013 10:01:36 +0000 Josh 342108@https://legacy.forums.gravityhelp.com/ Hello, I am trying to simple add class to input element so I can use bootstrap classes etc. But I don't want to use javascript because it takes to long to fire depending on the page load. So I am trying to achieve it with php. But I can only seem to add classes to the input container. Which is not helping my bootstrap integration. I am using less for all the style adjustments that work beautifully with gravity forms. It's just that I would like to customise the input size across different forms, and add classes to the inputs. I know I could use this code below and add another style to the bootstrap. <pre><code>// ADD CLASS TO SIDEBAR INPUTS add_action("gform_field_css_class", "sidebar_custom_class", 10, 3); function sidebar_custom_class($classes, $field, $form){ if($form["id"] == 2 && $field["type"] == "text"){ $classes .= " input-block-level"; } return $classes; }</code></pre> I'm curious if I can add classes to inputs directly to save the hassle of adding more styles. Thanks andrespi on "Gravity forms CSS Class Name problem" https://legacy.forums.gravityhelp.com/topic/gravity-forms-css-class-name-problem#post-372420 Wed, 10 Jul 2013 00:14:03 +0000 andrespi 372420@https://legacy.forums.gravityhelp.com/ Hello, I'm using this extension with WooCommerce and Kickstart template. I can not use the CSS Class Name of my template with Gravity Forms. A product of example you can see here: <a href="http://www.compudemano.com/producto/macbook-pro-13-25/" rel="nofollow">http://www.compudemano.com/producto/macbook-pro-13-25/</a>. Can you help?. Thank you. dustin on "Position submit button in-line with responsive theme" https://legacy.forums.gravityhelp.com/topic/position-submit-button-in-line-with-responsive-theme#post-361552 Thu, 04 Jul 2013 07:27:37 +0000 dustin 361552@https://legacy.forums.gravityhelp.com/ Hi Guys, Need some help here please, Having trouble positioning the submit button in-line. There is a lot of info about this on your support forums which I've read, I've also tried my themes support forum among others. I'm very new to web development so forgive me if I've missed something. I would like to position the button inline & closer to the text input. The theme is responsive so the submit button needs to stay aligned at various page sizes. So far I have managed to re-position the submit button inline but can't align the button. Live Page: <a href="http://my-boiler.info/" rel="nofollow">http://my-boiler.info/</a> An image of what I'm trying to do - <a href="http://my-boiler.info/re-position-submit-button.png" rel="nofollow">http://my-boiler.info/re-position-submit-button.png</a> I've tried floating the footer to the right and using margin to target the button which works when viewing on a normal browser but not when resizing the page. The theme I'm using is Enfold responsive. The code I'm using - * FORM BODY contains the main form content*/ body #gform_wrapper_1 .gform_body { } /*Postcode input*/ #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] { position:relative; width:140px; height:50px; font-size:25px; } body #gform_wrapper_1 .gform_footer { display: inline-block; } /*Submit button*/ body #gform_wrapper_1 .gform_footer input[type=submit] { margin:0px 0px 0px 0px; } Some selectors are empty, I've just included above to give an idea of what I've tried. Thanks, Magali Pettier on "Customising font in CSS Stylesheet for form labels" https://legacy.forums.gravityhelp.com/topic/customising-font-in-css-stylesheet-for-form-labels#post-368061 Mon, 08 Jul 2013 09:55:49 +0000 Magali Pettier 368061@https://legacy.forums.gravityhelp.com/ Hi Can you please help me because i tried to make a new post in the forum but my account doesn't let me read anything. It seems i might have found the place where i should put the css entering the following but nothing is happening. In the CSS style sheet, i put .label .gfield_label { color: #black; font-weight: bold; font-family: Questrial, Verdana, Geneva, sans-serif; font-size: 16px; !important } And in the css class name field in the form i put: .label .gfield_label This is the only CSS stylesheet where it seems that it should be so what should I do? It says in the Gravity Forms documentation that I can customize the colors and fonts but I can't, does anyone know if is there any other way? Many thanks Magali magalipettier on "CSS, change font size and style" https://legacy.forums.gravityhelp.com/topic/css-change-font-size-and-style#post-367623 Mon, 08 Jul 2013 04:51:08 +0000 magalipettier 367623@https://legacy.forums.gravityhelp.com/ HI, I have purchased Gravity Forms. I want to change the font and size of my form labels. I have read that I need to change the class but what I can't find is where i should change that. There are several css files and I don't know which one. I tried to enter it in the css class field for each label but it doesn't work. Can you please explain how i can do this as I can't find it in your documentation. Also you say to change the class names but how do i do what are the different class names? Thank you for your help. Magali gnowfglins on "remove bullets field label -- need help with CSS" https://legacy.forums.gravityhelp.com/topic/remove-bullets-field-label-need-help-with-css#post-366539 Sun, 07 Jul 2013 14:02:23 +0000 gnowfglins 366539@https://legacy.forums.gravityhelp.com/ Hi, I'm trying to get rid of bullets displaying by the field labels. It's coming from my theme and I can't figure out how to override it. The bullets are coming from: <pre><code>#content .post ul li, #content .page ul li, #header .widget-area ul li { list-style: disc outside none !important; }</code></pre> I've tried this (and forms of this) to get rid of the bullets; it doesn't work. <pre><code>.gfield_label ul li { list-style-type: none !important }</code></pre> I cleared cache each time I made a CSS change. Also my theme minimizes CSS so I made sure the minified.css file was updated, too. The form is displaying on this test page: <a href="http://gnowfglins.com/contact-testing" rel="nofollow">http://gnowfglins.com/contact-testing</a> Thank you for your help! btozcreative on "Paragraph Text, Dropdown font size & styling" https://legacy.forums.gravityhelp.com/topic/paragraph-text-dropdown-font-size-styling#post-358502 Tue, 02 Jul 2013 20:20:59 +0000 btozcreative 358502@https://legacy.forums.gravityhelp.com/ First of all, THANK YOU for your wonderful documentation, support and these forums: they helped a lot so far. I am posting my question here so future generations of GFormers can use it for reference... Regarding: <a href="http://www.freeandequal.dreamhosters.com/volunteer/" rel="nofollow">http://www.freeandequal.dreamhosters.com/volunteer/</a> I managed to get the text input boxes to take a larger font size, but had some trouble with the dropdowns and paragraph text. Until I figured out their containers... I'm including that code here because it was a bugger to figure out, and I want to make someone's life easier... My question is, are there any other input fields I am missing that I just haven't spotted because they are not on my form? Here's what I'm workin' with right now: <pre><code>body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper .gform_body .gform_fields .gfield textarea, body .gform_wrapper .gform_body .gform_fields .gfield select, font-size: 13px; font-family: inherit; margin-bottom: 1px; }</code></pre> Am I good? brandamos on "Getting Form Fields To Work" https://legacy.forums.gravityhelp.com/topic/getting-form-fields-to-work#post-354224 Sun, 30 Jun 2013 14:36:32 +0000 brandamos 354224@https://legacy.forums.gravityhelp.com/ This is probably a basic thing, but I've been struggling to get it to work. I'm trying to get my front page form that is already styled to work with gravity forms. <a href="http://www.guarantymoving.com/" rel="nofollow">http://www.guarantymoving.com/</a> The issue is the fields are not being entered into the entry list and on email notifications the fields are naturally not passing either. **I am not inserting the form via shortcode, just installing the form hard coded and I copied the elements from this page <a href="http://www.guarantymoving.com/test-page/" rel="nofollow">http://www.guarantymoving.com/test-page/</a> --- note there is an additionally styled and working form on the sidebar of this page that I have no problems with. Any help is highly appreciated. vpautosales on "Next Button Alingment" https://legacy.forums.gravityhelp.com/topic/next-button-alingment#post-353879 Sun, 30 Jun 2013 11:06:01 +0000 vpautosales 353879@https://legacy.forums.gravityhelp.com/ My work is here; <a href="http://vpautosales.com/testing/" rel="nofollow">http://vpautosales.com/testing/</a> I am attempting to duplicate the layout of; <a href="https://loans.car.com/loans-new-design/" rel="nofollow">https://loans.car.com/loans-new-design/</a> I am struggling to move the alignment of the NEXT button to center on the right hand side of the form selection. I am guessing this has to do with it inheriting features from the footer, but I do not know enough CSS to fix it. Any input would be much appreciated. Thank you in advance. smittyja on "Datepicker and Mailchimp problem" https://legacy.forums.gravityhelp.com/topic/datepicker-and-mailchimp-problem#post-42588 Wed, 30 Nov 2011 16:18:54 +0000 smittyja 42588@https://legacy.forums.gravityhelp.com/ I created a form with a date field but the days in the calendar do not display correctly. After some playing around I discovered if I disable my Mailchimp plugin it works correctly. They both use the date picker function I believe so I'm not sure if that's the problem or there is a CSS problem. Here is the link <a href="http://sitdoggie.com/contact-sit-doggie/appointment/" rel="nofollow">http://sitdoggie.com/contact-sit-doggie/appointment/</a> Not sure what Gravity form CSS class to use to override any MailChimp classes ?