JetSloth jetsloth
jetsloth
/ css-animations-pulse.css
Last active
September 6, 2022 01:07
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Add the class pulse to any field you want to pulse*/ | |
| .pulse input, | |
| .pulse textarea { | |
| animation: pulse-animation 3s infinite; | |
| } | |
| @keyframes pulse-animation { | |
| 0% { | |
| box-shadow: 0 0 0 0px #2d6dec; | |
| } |
jetsloth
/ Gravity-forms-logo-designer.css
Created
August 31, 2022 01:26
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Import google font - Montserrat*/ | |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap'); | |
| /*Form outside wrapper styles*/ | |
| .gform_wrapper.logo-creator_wrapper { | |
| background: #FFFFFF; | |
| border: 2px solid #1D1D1F; | |
| box-shadow: 5px 5px 0 0 #000000; | |
| border-radius: 5px; | |
| position:relative; | |
| } |
jetsloth
/ gf-custom-form-design-demo5.css
Created
August 29, 2022 02:02
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Variables - Change Colors here*/ | |
| :root { | |
| --blue-color: #1451c7; | |
| --pink-color: #ff8089; | |
| } | |
| /* Basic input styles */ | |
| .gform_wrapper.gravity-theme .demo5-box-layout input[type="text"], | |
| .gform_wrapper.gravity-theme .demo5-box-layout input[type="email"], | |
| .gform_wrapper.gravity-theme .demo5-box-layout input[type="tel"], | |
| .gform_wrapper.gravity-theme .demo5-box-layout textarea { |
jetsloth
/ gf-custom-form-design-demo4.css
Created
August 29, 2022 02:02
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Variables - Change Colors here*/ | |
| :root { | |
| --aqua-color: #9fe0dc; | |
| --dark-aqua-color: #83c4c0; | |
| --yellow-color: #f6c834; | |
| } | |
| /* Basic input styles */ | |
| .gform_wrapper.gravity-theme .demo4-box-layout input[type="text"], | |
| .gform_wrapper.gravity-theme .demo4-box-layout input[type="email"], | |
| .gform_wrapper.gravity-theme .demo4-box-layout input[type="tel"], |
jetsloth
/ gf-custom-form-design-demo3.css
Created
August 29, 2022 02:01
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Variables - Change Colors here*/ | |
| :root { | |
| --red-color: #d12d5d; | |
| --dark-blue-color: #0c1c34; | |
| --blue-color: #1451c7; | |
| } | |
| /*Hide legand*/ | |
| .gform_required_legend { | |
| display:none; | |
| } |
jetsloth
/ gf-custom-form-design-demo2.css
Created
August 29, 2022 02:00
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Variables - Change Colors here*/ | |
| :root { | |
| --red-color: #d12d5d; | |
| --dark-blue-color: #0c1c34; | |
| --blue-color: #1451c7; | |
| } | |
| /*Hide legand*/ | |
| .gform_required_legend { | |
| display:none; | |
| } |
jetsloth
/ gf-custom-form-design-demo1.css
Created
August 29, 2022 01:56
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Variables - Change Colors here*/ | |
| :root { | |
| --aqua-color: #9fe0dc; | |
| --dark-aqua-color: #83c4c0; | |
| --orange-color: #f68b2e; | |
| } | |
| /* Basic input styles */ | |
| .gform_wrapper.gravity-theme .demo1-box-layout input[type="text"], | |
| .gform_wrapper.gravity-theme .demo1-box-layout input[type="email"], | |
| .gform_wrapper.gravity-theme .demo1-box-layout input[type="tel"], |
jetsloth
/ gf-radio-checkbox-buttons.css
Created
July 26, 2022 01:14
CSS Styled Radio & Checkbox Buttons - Gravity Forms 2.5+
jetsloth
/ image-choices-page-transitions.css
Created
July 25, 2022 03:52
Image Choices + Page Transitions CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Style form wrapper max width 900px */ | |
| .gppt-has-page-transitions_wrapper { | |
| background: #FFFFFF; | |
| border: 1px solid #EBEBEB; | |
| box-shadow: 2px 3px 4px 0 rgba(33,39,47,0.05); | |
| border-radius: 8px; | |
| max-width:900px; | |
| min-height: 560px; | |
| margin:0 auto; | |
| font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; |
jetsloth
/ image_choices_horizontal_scroll.html
Last active
May 28, 2022 00:39
Create a horizontal scrolling container (with a scrolling bar) to display all image choices on a single line. You can add a HTML field to your form and put this script as its content
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| (function($){ | |
| function scrollableImageChoices( formId ) { | |
| var $fields = ( typeof formId !== 'undefined') ? $('#gform_' + formId + ' .image-choices-field') : $('form[id^="gform_"] .image-choices-field'); | |
| if (!$fields.length) { | |
| return; | |
| } | |
| $fields.each(function(){ | |
| var $field = $(this); |