Make custom image mask using css
Generate your image mask using this “clippy” tool
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
Make custom image mask using css
Generate your image mask using this “clippy” tool
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
This is a WP Advanced Custom Field plugin custom field to select one or many Gravity Forms. This provides a field that lets you select from a list of active Gravity Forms https://github.com/stormuk/Gravity-Forms-ACF-Field
This add-on can be treated as both a WP plugin and a theme include.
Plugin 1. Copy the ‘Gravity-Forms-ACF-field’ folder into your plugins folder 2. Activate the plugin via the Plugins admin page
Include 1. Copy the ‘Gravity-Forms-ACF-field’ folder into your theme folder (can use sub folders). You can place the folder anywhere inside the ‘wp-content’ directory 2. Edit your functions.php file and add the code below (Make sure the path is correct to include the acf-gravity_forms.php file)
include_once('acf-gravity_forms.php');
The field lets you pick one or many fields.
The data returned is either a Form object, an array of Form objects or false if an error occurred.
If you have selected a single form and you want to display the form on the page, you can use:
<?php $form_object = get_field('your_form_field'); gravity_form_enqueue_scripts($form_object['id'], true); gravity_form($form_object['id'], true, true, false, '', true, 1); ?>
or
<?php $form_object = get_field('your_form_field'); echo do_shortcode('[gravityform id="' . $form_object['id'] . '" title="true" description="true" ajax="true"]'); ?>
You can find out more about the gravity_form method to embed a form on a page in their documentation
If you are using the field to select multiple forms, you will have to iterate over the array. You can then use the form object as you like:
<?php $form_objects = get_field('your_forms'); foreach($form_objects as $form){ echo $form['title']; } ?>
Note: can be applied to general page
Note 2: If applied to specific element/container a position absolute may be necessary
CSS
p.customClass { overflow-y: scroll; } p.customClass::-webkit-scrollbar { width: 12px; height: 12px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } p.customClass::-webkit-scrollbar-thumb { border-radius: 8px; background-color: rgba(98, 93, 78, 0.75); border: 2px solid #eee; } p.customClass::-webkit-scrollbar-corner { background-color: transparent; }
HTML
CSS
#homepage-video { &.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } &.embed-responsive .embed-responsive-item, &.embed-responsive iframe, &.embed-responsive embed, &.embed-responsive object, &.embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } &.embed-responsive-16by9 { padding-bottom: 35%; } &.embed-responsive-4by3 { padding-bottom: 55%; } }
$(window).scroll(function () { var scroll = $(window).scrollTop(); if (scroll >= 100) { $("header").addClass("scrolling"); } else { $("header").removeClass("scrolling"); } });
MAC OS
/Applications/MAMP/Library/bin/mysql -u root --password wp_schleese < schleese.sql
Windows
C:/xampp/mysql/bin/mysql.exe -u root --password wp_schleese < schleese.sql
EXAMPLE
full screen example
HTML
CSS
.splash-banner { background: #f28f2d url(); height:100vh; after:: { } } .scroll-down-icon { width: 100%; position: absolute; bottom: 35px; left: 0; text-align: center; z-index:6; }
EXAMPLE
HTML
19054567890
JS
jQuery(function($) { $(document).ready(function() { $(".tel").each(function () { var href = ""; href = $(this).attr("href"); if (href == "" || href == null) { href = $(this).text(); href = href.replace(/\s+/g, ''); href = href.replace(/[{()}]/g, ''); href = href.replace(/-/g, ''); href = href.replace(/\./g, ''); } if (href.indexOf("tel") < 0) { $(this).attr("href", ("tel:" + href)); } }); }); });
CSS
a, .a { text-decoration: none; border-bottom: 1px solid #f28f2d; //replace #f28f2d with colour of choice -moz-transition: 0.5s opacity ease, 0.25s color ease, 0.5s background-image ease, 0.25s background-color ease, 0.5s border-color ease; -webkit-transition: 0.5s opacity ease, 0.25s color ease, 0.5s background-image ease, 0.25s background-color ease, 0.5s border-color ease; transition: 0.5s opacity ease, 0.25s color ease, 0.5s background-image ease, 0.25s background-color ease, 0.5s border-color ease; } a:hover, a:focus, .a:hover, .a:focus { color: #f28f2d; }
EXAMPLE
HTML
Link item style
CSS
a, .a { text-decoration: none; border-bottom: 1px solid #f28f2d; //replace #f28f2d with colour of choice -moz-transition: 0.5s opacity ease, 0.25s color ease, 0.5s background-image ease, 0.25s background-color ease, 0.5s border-color ease; -webkit-transition: 0.5s opacity ease, 0.25s color ease, 0.5s background-image ease, 0.25s background-color ease, 0.5s border-color ease; transition: 0.5s opacity ease, 0.25s color ease, 0.5s background-image ease, 0.25s background-color ease, 0.5s border-color ease; } a:hover, a:focus, .a:hover, .a:focus { color: #f28f2d; }
function custom_login_form( $args ) { $redirect_url = 'https://christinewilson.ca'; $defaults = shortcode_atts( array( 'echo' => false, 'redirect' => $redirect_url, 'form_id' => 'loginform', 'label_username' => 'Username', 'label_password' => 'Password', 'label_remember' => 'Remember Me', 'label_log_in' => 'Log In', 'id_username' => 'user_login', 'id_password' => 'user_pass', 'id_remember' => 'rememberme', 'id_submit' => 'wp-submit', 'remember' => true, 'value_username' => NULL, 'value_remember' => false ), $args ); $login_args = wp_parse_args( $args, $defaults ); return wp_login_form( $login_args ); } add_shortcode( 'login_form', 'custom_login_form' );