Tips & Tricks

Last Updated on June 5, 2020

Gravity Forms Button Color Change

In General Settings CSS:

body .gform_wrapper input[type=”submit”] {
background: #8C1320;
color: #fff;
border: 1px solid #8C1320;
}
body .gform_wrapper input[type=”submit”]:hover {
background: #0071BB;
color: #fff;
border: 1px solid #0071BB;
}

Gravity Forms Field Shifting and Formatting

https://docs.gravityforms.com/css-ready-classes/

In the form field under Appearance and Custom CSS Class use:

gf_left_half
gf_right_half
gf_left_third
gf_middle_third
gf_right_third

Gravity Forms Hide Form Field Text

Appearance → Editor → function.php

Insert this code on the bottom line:

add_filter( 'gform_enable_field_label_visibility_settings', '__return_true' );

Qode Advice:

In General
- Content Background Color set to FFFFFF
- Turn off Page Transition – Messes with GTM
- Turn off Smooth Scroll
Qode Slider
- After creating a slider, assign it to a “Slider” (in an option on the right hand side of the page). Go to Slider (a option on the left nav) to get the code to put on the homepage.
- Copy the code and insert it on the homepage. Scroll past the text editor to Qode General. Paste under Layer Slider or Qode Slider Shortcode
- To adjust height enter number between quotes: qode_slider slider=’test’ auto_start=’true’ animation_type=’slide’ slide_animation=’6000′ height=’600‘ responsive_height=’yes’ anchor=” show_navigation_arrows=’yes’

Centering Buttons:

On the page, edit the Row Settings where the buttons are located. Text align Center.

Image Compression:

https://tinypng.com/

CLASS

CSS:

Add to the page CSS:

.white-p {
color: #fff;
font-size: 90px;
line-height: 100px;
}

Add to the text block:

<h1><span class=”white-p”>Find Debt Relief</span></h1>

HTML: