Skip to content

Instantly share code, notes, and snippets.

View cfxd's full-sized avatar

CFX cfxd

37 followers · 6 following
View GitHub Profile
@cfxd
cfxd / cf7-inline-form-full-width.less
Created October 6, 2014 06:47
Bootstrap 3 full width inline form for Contact Form 7 (only tested with 1 input field and 1 submit button)
/*
*
* Bootstrap 3 inline form *full width* for CF7
*
* In the shortcode, you must use html_id="my-id"
* or html_class="my-class" to target a specific form
*
* Actual form sample:
* <label for="your-email">Email:</label>
* [email* your-email 0/ placeholder "enter your email"]
@cfxd
cfxd / cf7-inline-form.less
Created October 6, 2014 06:42
Bootstrap 3 inline form for Contact Form 7 (only tested with 1 input field and 1 submit button)
/*
*
* Bootstrap 3 inline form for Contact Form 7
*
* In the shortcode, you must use html_id="my-id"
* or html_class="my-class" to target a specific form
*
* Actual form sample:
* <label for="your-email">Email:</label>
* [email* your-email 0/ placeholder "enter your email"]
@cfxd
cfxd / cf7-input-group.less
Last active December 3, 2020 00:15
Bootstrap 3 input group for Contact Form 7 (only tested with 1 input field and 1 submit button)
/*
*
* Bootstrap 3 input group form for Contact Form 7
*
* In the shortcode, you must use html_id="my-id"
* or html_class="my-class" to target a specific form
*
* Actual form sample:
* <label for="your-email">Email:</label>
* [email* your-email 0/ placeholder "enter your email"]
@cfxd
cfxd / bs3-contact-form-7.less
Last active June 8, 2021 07:29
Bootstrap 3 default styles for Contact Form 7
/*
*
* Bootstrap 3 reset for CF7
*
*/
input, textarea {
&.wpcf7-form-control {
&:extend(.form-control all);
&.wpcf7-validates-as-required.wpcf7-not-valid {
@cfxd
cfxd / bs3-gravity-forms.less
Created October 6, 2014 05:31
Bootstrap 3 default styles for Gravity Forms (based on http://roots.io/style-gravity-forms-with-bootstrap/ and improved slightly)
/*
*
* Bootstrap 3 reset for Gravity Forms
*
*/
.gform_wrapper {
ul {
&:extend(.list-unstyled all);
margin: 0;
@cfxd
cfxd / gf-input-group.less
Created October 6, 2014 05:29
Bootstrap 3 input group for Gravity Forms (only tested with 1 input field and 1 submit button)
/*
*
* Bootstrap 3 input group form for Gravity Forms
*
* Use with a class assigned to the form
* or on .gform to affect all Gravity forms
*
* Example 1 (affects targeted form class only): .my-form-class { &:extend(.gravity_form_input_group all); }
*
* Example 2 (affects all Gravity Forms): .gform { &:extend(.gravity_form_input_group all); }
@cfxd
cfxd / gf-inline-form.less
Last active August 29, 2015 14:07
Bootstrap 3 inline form for Gravity Forms (only tested with 1 input field and 1 submit button)
/*
*
* Bootstrap 3 inline form for Gravity Forms
*
* Use with a class assigned to the form
* or on .gform to affect all Gravity forms
*
* Example 1 (affects targeted form class only): .my-form-class { &:extend(.gravity_form_inline all); }
*
* Example 2 (affects all Gravity Forms): .gform { &:extend(.gravity_form_inline all); }
@cfxd
cfxd / full-width-inline-form.less
Created October 4, 2014 21:41
Bootstrap 3 full width inline form LESS mixin (hack using input group)
.full-width {
& .input-group-btn:last-child > .btn {
margin-left: 5px;
.border-left-radius(@border-radius-base);
}
& .form-control:first-child {
.border-right-radius(@border-radius-base);
}
}
@cfxd
cfxd / wp-cli.txt
Last active August 29, 2015 14:06
# Install wordpress
wp core download && wp core config --dbname=wordpress_test_db --dbuser=root && wp core install --url=http://localhost/wp-cli/ --title=Wordpress --admin_user=admin --admin_password=admin [email protected]
# Install and activate Plugins
wp plugin install wordpress-importer --activate && wp plugin install contact-form-7 --activate
# Generate Posts
curl http://loripsum.wpwolf.com | wp post generate --post_content --count=10
# Activate a theme
@cfxd
cfxd / sticky_footer.html
Created September 19, 2014 00:03 — forked from aalaap/gist:3066704
Sticky footer for Bootstrap