Skip to content

Instantly share code, notes, and snippets.

View mrwweb's full-sized avatar

Mark Root-Wiley mrwweb

View GitHub Profile
@mrwweb
mrwweb / readme.md
Last active September 27, 2024 22:29
The Events Calendar v2 Template Reset & Customizations - Now on Github
@mrwweb
mrwweb / nested-block-alignments.css
Created January 6, 2021 01:18
WordPress Block Alignment Classes with Support for Nested Group Blocks
.block-container > *, /* [1] */
.wp-block-group__inner-container > * { /* [2] */
max-width: 46.25rem;
margin-left: 1.25rem;
margin-right: 1.25rem;
@media (min-width: 48.75em) { /* [3] */
margin-left: auto;
margin-right: auto;
}
@mrwweb
mrwweb / block-editor-styles.scss
Created July 9, 2020 01:39
Create a WordPress block editor style variation for the cover block to turn it into a knockout effect. Screenshot: https://cloudup.com/cGrfbjVS8q5
// we load the other CSS styles into the block editor and then override some of them here
// at present, the color overlay is not knocked out in the block editor
.is-style-knockout-text {
.wp-block-cover__inner-container {
z-index: 1;
}
.wp-block > * {
font-size: 160px !important;
font-weight: 900 !important;
color: transparent !important;
@mrwweb
mrwweb / functions.php
Created June 24, 2020 16:34
Show Hidden Products as Cross-Sells in WooCommerce Cart.
<?php
add_filter( 'woocommerce_product_is_visible', 'prefix_show_hidden_product_crosssells', 10, 2 );
function prefix_show_hidden_product_crosssells( $is_visible, $id ) {
if( is_cart() ) {
$is_visible = true;
}
return $is_visible;
}
@mrwweb
mrwweb / mrw-tribe-button-in-event-list.php
Created October 28, 2019 20:51
Show Event Website block in Event List for The Events Calendar
<?php
/**
* Find, parse, and return the Website Button for Tribe's The Events Calendar events
*/
function mrw_get_tribe_website_button( $post_id = false ) {
if( ! $post_id ) {
$post_id = get_the_ID();
}
$post_content = get_post_field( 'post_content', $post_id );
<div id="session-1" class="session session-1 track-1" style="grid-column: track-1; grid-row: time-0800 / time-0900;">
<h3 class="session_title">Talk Title</h3>
<span class="session_time">
<span class="session_time_start">8:00</span>
<span class="session_time_sep"> - </span>
<span class="session_time_end">9:00</span>
</span>
<span class="session_track">Track: 1</span>
<span class="session_author"><span class="session_author_gravatar"><img src="..."></span>Mike Rofone</span>
</div>
@mrwweb
mrwweb / mrw-clear-shortcode.php
Last active February 9, 2018 19:34
A very simple shortcode to clear content following aligned images.
<?php
/*
Plugin Name: Clear Aligned Content Shortcode
Description: A way to ensure floated images in page content don't wrap. Use [clear] in editor to push following content below any aligned images.
Author: Mark Root-Wiley
Version: 1.0
Author URI: https://MRWweb.com
Plugin URI: https://gist.githubusercontent.com/mrwweb/f627f3fe407a64293f6a99d701526b94/raw/c0e23d2f5b0252332e4f7c549a2990b4c944cfe1/mrw-clear-shortcode.php
USAGE:
@mrwweb
mrwweb / index.html
Last active January 25, 2018 21:03
Testing mapbox-gl.js upgrade
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.0/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
@mrwweb
mrwweb / truncate-fpw-excerpt.php
Created March 9, 2017 17:34
A custom plugin to limit the length of excerpts *only* when they appear in Feature a Page Widget. (https://wordpress.org/plugins/feature-a-page-widget/) Save this file as `truncate-fpw-excerpt.php` and then place it in `/wp-content/mu-plugins/`. You may need to create this directory if it doesn't exist yet.
<?php
/*
Plugin Name: Truncate Feature a Page Widget Excerpt
Description: Limits excerpt to 30 words. Ends cut-off excerpts with "..."
Version: 1.0
Author: Mark Root-Wiley
Author URI: https://mrwweb.com
*/
add_filter( 'fpw_excerpt', 'wp8887975_trim_fpw_excerpt' );
function wp8887975_trim_fpw_excerpt( $excerpt ) {
<img src="/your-image.jpg" alt="The alt text describing that image" />