Aligning Gravity Forms survey responses side by side

The Gravity Forms plugin has a nice Survey add-on that can be installed. You can align the answers of the survey side by side if you wish so they are not stacked.

They are stacked on top of each other by default and the picture below will give you an idea of that.

 

If you wish to have the Gravity Forms survey form slightly more condensed as per the 1st question in the above example then all you need to do is a add a ready made CSS style. 

The custom CSS class to add is: gf_list_inline

You can add this by editing form and adding the text to the Custom CSS class as pictured below.





Custom CSS to use with Gravity Forms on dark background

Using the Gravity Forms plugin for WordPress is a great way to build some awesome forms. I recently added some forms to a page with a dark background. I found some text hard to read. I was able to fix this by adding the below custom CSS code...

body .gfield_description {
    color:#fff;
}

body .gf_step_label {
    color:#fff;
    font-size:20px;
font-weight:500;
line-height:1.4em;
}

body .validation_error {
    color:#fff!important;
}

body .gfield_label {
    color:#fff!important;
}

body .gfield gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below field_description_below gfield_visibility_visible {
    color:#fff!important;
}

Fixing the field text color in Divi Email Optin Module

Finding that the text is white in the Divi email opt-in? Add this custom and edit with the colors you wish to use.

.et_pb_newsletter_form .et_pb_signup_custom_field_0 .input[type="checkbox"] + label {
font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif;
font-size: 10px;
color: #ffffff !important;
text-align: left;
text-shadow: 0em 0.1em 0.1em #ffffff;
}

How to center align your WordPress blockquote

With most of the content on your WordPress page or post being left aligned. Center aligning a blockquote is a great way to have them stand out.

To center align your WordPress blockquote, all you need to do is add this custom CSS code to the additional CSS box in your WordPress theme:

blockquote {
max-width: 500px;
text-align: center;
margin: 15px;
padding: 15px;
}

Centering the DIVI menu on mobile only

If you would like to make menu centered on mobile only, add this css code in the custom css field of the theme options:

.et_mobile_menu li a {
text-align: center;
}

New to DIVI?

Check out the new video tutorial clips for getting started with DIVI here.

Search

Tags

Divi Jobs in California e commerce made a real revolution in the industry. NYC Airports Limo offers NYC limo Service and New York Limousine Service from New York City to John F. Kennedy - JFK, LaGuardia Airport - LGA, Newark Liberty Airport - EWR and Westchester County Airport - HPN. NYC Airports Limo use Sedans & SUVs for Limo Service NYC to NJ, Pennsylvania, Connecticut, New Jersey, Long Island, Queens, Brooklyn, Bronx, Staten Island, New York City, Nassau County, Suffolk County & Upstate NY. NYC Airports Limo is has vast experience in assisting clients get to popular destinations.

CT Airlink offers the Airport Shuttle Service throughout Connecticut to JFK, LaGuardia - LGA, Newark - EWR, Boston Logan, Westchester County Airport - HPN and Hartford Bradley Airport. CT Airlink use Mini Coach, Mercedes Sprinters and Luxury Vans for CT Airport Shuttle . Allow us to assist you getting to and from all airports in New York, Connecticut and New Jersey with total ease & comfort or to provide private charter service with our Airport Transportation & Bus Service CT for the entire duration of your stay.