jetsloth

/*/////////////////////////////////Slide-out-gravity-forms.css/////////////////////////////////*/
/* Full article here https://jetsloth.com/gravity-forms/create-a-slide-out-gravity-forms-widget/ */
.gfq-oc-wrap {
	z-index: 9999999;
	position: fixed;
	bottom: 0px;
	right: 0px;
  height: 100%;
}
.gfq-oc-wrap .gfq-badge {

jetsloth

//////////////////////////////////////////////////////////////////
// Latest Posts in Gravity Forms email notifications -  https://jetsloth.com/labs/how-to-add-post-articles-to-your-gravity-forms-email-notifications/
//////////////////////////////////////////////////////////////////
function custom_email_latest_posts_shortcode( $atts, $content = null ) {
	$content = do_shortcode( shortcode_unautop( $content ) );
	if ( '</p>' == substr( $content, 0, 4 )
		&& '<p>' == substr( $content, strlen( $content ) - 3 ) )
		$content = substr( $content, 4, strlen( $content ) - 7 );

	$output = '';

jetsloth

<div class="update-preview gfcp_bg">
  <h2>My heaidng inside my banner</h2>
</div>

jetsloth

jQuery('body').on('gf-color-picker:picked', function(e, hex, ref){
    // do whatever you want here.
    // hex will be... hex
    // ref will be the formID_fieldID string
});

jetsloth

.image-choices-field {
    max-width: 100%;
    width: 90%;
    display: block;
    margin: 0 auto;
}
.image-choices-field .gfield_label {
	font-size: 1.6em;
	margin-bottom: 1.6em;
	display: block;

jetsloth

/* POLAROID STYLE */

.image-choices-field.ic-polaroid {
    max-width: 100%;
    margin-right: -3%;
}
.image-choices-field.ic-polaroid .image-choices-choice,
.gform_wrapper .gfield.image-choices-field.ic-polaroid li.image-choices-choice {
    	display: inline-block;
	position: relative;

jetsloth

<?php

add_filter( 'gform_pre_render', 'custom_image_choices_options' );
add_filter( 'gform_pre_validation', 'custom_image_choices_options' );
add_filter( 'gform_pre_submission_filter', 'custom_image_choices_options' );
add_filter( 'gform_admin_pre_render', 'custom_image_choices_options' );

function custom_image_choices_options( $form ) {

	if ( $form['id'] != 9999 ) {// set to the form id you want to run this on

jetsloth

@media only screen and (max-width: 641px) {
  .image-choices-field:not(.image-choices-show-labels) .image-choices-choice-text {
      display: none !important;
  }
}

jetsloth

/*
Gravity Forms Image Choices - Custom Style - Floating
Find out more at
https://jetsloth.com/support/gravity-forms-image-choices/custom-styles-floating/
*/
.gform_wrapper .image-choices-field {
	display: block;
	max-width: 640px;
	width: 100%;
}

jetsloth

/*///////////////////
CSS
Build a simple product visualiser with Gravity Forms Color Picker
Full article at https://jetsloth.com/labs/build-a-simple-product-visualiser-with-gravity-forms-color-picker/
////////////////////*/

/* Outter form wrapper */
.gform_body {
    background:#f6f6f6;
    border-radius:10px;