Customization Documentation
Divi Child Theme
We developed a child theme to divi. This theme sits on top of Divi. It has custom functions for your site, style customizations, speed optimizations, and templates embedded for other plugins. The following outlines the parts of the child theme.
After this is a copy of css customizations made via the theme customizer.
Nearly all of the site can be edited via the visual editors Divi and Gutenberg.
Many of the functions are used to allow requested features and customizations to be implemented.
Style.Css
/*!
Theme Name: The Woodworking Shows
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0.4
Description: The Woodworking Shows Divi Customizations
Author: Market Vantage
Author URI: http://www.elegantthemes.com
Template: Divi
*/
Functions.php
Required for Child Theme
<?php
function my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
Event Schema Completion
/* Market Vantage Added Functions */
/* Event Schema Completion */
if (!function_exists('custom_event_schema_extras')) {
function custom_event_schema_extras($_data, $args, $event) {
$_data->eventStatus = 'EventScheduled';
$_data->eventAttendanceMode = 'OfflineEventAttendanceMode';
$_data->performers->type = 'Person';
$_data->performers->name = 'Instructors are top career woodworkers and woodturners';
$_data->performers->name = 'The Woodworking Shows2';
$_data->organizer->type = 'Organization';
$_data->organizer->name = 'The Woodworking Shows';
$_data->organizer->telephone = '800-826-8257';
$_data->organizer->url = 'http://www.thewoodworkingshows.com/';
return $_data;
}
add_filter('tribe_json_ld_event_object', 'custom_event_schema_extras', 10, 3);
}
Show Ticket Info at Checkout
/**
* adding event data to WooCommerce checkout for Events Calendar tickets.
* @link http://theeventscalendar.com/support/forums/topic/event-title-and-date-in-cart/
*/
add_filter( 'woocommerce_cart_item_name', 'woocommerce_cart_item_name_event_title', 10, 3 );
function woocommerce_cart_item_name_event_title( $title, $values, $cart_item_key ) {
$ticket_meta = get_post_meta( $values['product_id'] );
$event_id = absint( $ticket_meta['_tribe_wooticket_for_event'][0] );
if ( $event_id ) {
$title = sprintf( '%s for <a href="%s" target="_blank"><strong>%s</strong></a>', $title, get_permalink( $event_id ), get_the_title( $event_id ) );
}
return $title;
}
Speed Optimization - Remove Unused Emoji Assets Default to WP
// REMOVE WP EMOJI
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );
Prevents Error in Divi Builder when Admin
// unset optimizations logged in user
add_filter( 'option_active_plugins', 'disable_logged_in_plugin' );
function disable_logged_in_plugin( $plugins ) {
// The 'option_active_plugins' hook occurs before any user information get generated,
// so we need to require this file early to be able to check for logged in status
require (ABSPATH . WPINC . '/pluggable.php');
// If we are logged in, and NOT an admin...
if ( is_user_logged_in() ) {
// Use the plugin folder and main file name here.
// is used here as an example
$plugins_not_needed = array ('permalink-manager/permalink-manager.php' );
foreach ( $plugins_not_needed as $plugin ) {
$key = array_search( $plugin, $plugins );
if ( false !== $key ) {
unset( $plugins[ $key ] );
}
}
}
return $plugins;
}
Speed Optimizations - Preload Google Fonts Style and Font Files
//Add to header
add_action('wp_head', 'twws_wp_head');
function twws_wp_head(){
//Close PHP tags
?>
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link rel="preload" href="/wp-content/themes/Divi/core/admin/fonts/modules.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" as="font" href="https://fonts.gstatic.com/s/robotoslab/v12/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhp.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2" type="font/woff2" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto+Slab%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900%7COpen+Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic&subset=latin-ext%2Cgreek%2Cgreek-ext%2Cvietnamese%2Ccyrillic%2Clatin%2Ccyrillic-ext&display=swap&ver=5.5" as="css" type="css" crossorigin>
<?php //Open PHP tags
}
Speed Optimizations - Remove Blocking Resources that are Unused
remove_action( 'wp_head', 'rsd_link' ) ;
remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0);
add_filter('xmlrpc_enabled', '__return_false');
remove_action( 'wp_head', 'wp_generator' ) ;
remove_action( 'wp_head', 'wlwmanifest_link' ) ;
add_action( 'init', 'stop_heartbeat', 1 );
function stop_heartbeat() {
wp_deregister_script('heartbeat');
}
Registration Page Footer Issue Patch
//Add to footer
add_action('wp_footer', 'twws_reg');
function twws_reg(){
//Close PHP tags
?>
<?php if(strpos($_SERVER['REQUEST_URI'], 'attendee-registration') !== false): ?>
<style>
/* attendee reg */
.page-tribe-attendee-registration #sidebar,
.page-tribe-attendee-registration footer {
display:none;
}
.page-tribe-attendee-registration .main_title {
margin-bottom: -40px;
}
.page-tribe-attendee-registration #main-content .container:before {
content: "";
position: absolute;
top: 0;
height: 1%;
width: 1px;
background-color: rgb(0 0 0 / 0%);
}
/*--end reg--*/
.footer-external {
height: 320px !important;
overflow: hidden !important;
}
@media screen and (max-width: 980px) {
.footer-external {
height: 550px !important;
}
}
@media screen and (max-width: 640px) {
.footer-external {
height: 750px !important;
}
}
@media screen and (max-width: 360px) {
.footer-external {
height: 800px !important;
}
}
@media screen and (min-width: 981px) {
.et_pb_gutter.et_pb_gutters2 #left-area {
width: 100% !important;
}
}
.entry-title {
display: none !important;
}
#main-content .container {
padding-top: 0;
margin-top: -50px;
}
</style>
<iframe class ="footer-external" base target="_parent" src="/footer/" style="width:100%; height: 300px; background:black;" frameborder="0" scrolling="no">
</iframe>
<?php endif; ?>
<style>
@media screen and (max-width: 550px) {
footer, footer .et_builder_inner_content, footer .et_pb_section {
max-width: 100vw !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
overflow-x: hidden !important;
}
footer .et_pb_menu .et_pb_menu__menu > nav > ul > li {
position: relative;
display: inline-block !important;
text-align: left !important;
margin: 0px;
}
footer .et_pb_menu .et_pb_menu__menu > nav > ul > li, footer .et_pb_menu .et_pb_menu__menu > nav > ul, footer .et_pb_menu .et_pb_menu__menu > nav, footer .et_pb_menu .et_pb_menu__menu, footer .et_pb_menu {
display: inline-block !important;
position: relative !important;
float: right !important;
}
footer .et_pb_menu .et_pb_menu__menu > nav > ul, footer .et_pb_menu .et_pb_menu__menu > nav, footer .et_pb_menu .et_pb_menu__menu, footer .et_pb_menu {
max-width: 100% !important;
width: 100% !important;
}
footer .et_pb_menu .et_pb_menu__menu > nav > ul {
margin-right: 0;
margin-left: 0;
}
footer .et_pb_menu .et_pb_menu__menu > nav > ul > li {
padding-left: 0;
}
footer .et_pb_section_1_tb_footer p span, footer .et_pb_section_1_tb_footer p {
text-align: left;
padding-left: 0;
}
}
</style>
<?php //Open PHP tags
}
Event Registration Footer Page '/Footer/' Make Links Open Parent Window
//Add to footer only for event ticket attendee registration
add_action('wp_head', 'twws_reg_links');
function twws_reg_links(){
//Close PHP tags
?>
<?php if(strpos($_SERVER['REQUEST_URI'], 'footer') !== false): ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function(){
$("a").click(function(){
top.window.location.href=$(this).attr("href");
return true;
})
})
</script>
<style>
html, body {
background: black;
}
</style>
<?php endif; ?>
<?php //Open PHP tags
}
Critical Path CSS - Improve Score CLS (Layout Shift)
//Add to header to prevent page shift???
add_action('wp_head', 'twws_shift_wp_head');
function twws_shift_wp_head(){
//Close PHP tags
?>
<style>
/* Critical Path CSS Generated by Pegasaas Accelerator at https://pegasaas.com/critical-path-css-generator/ for https://wws2020.wpengine.com/ */
@media (min-width:981px){header, #headertop, header .et_pb_row{max-height:112px; height: 112px !important}}@media (min-width:769px) and (max-width:980px){header, #headertop, header .et_pb_row{max-height:89.42px; height: 89.42px !important}header.et_pb_row_0_tb_header.et_pb_row {margin-top: -20px!important;}}@media (min-width:1px) and (max-width:768px){header, #headertop, header .et_pb_row{max-height:80.13px; height: 80.13px !important}header.et_pb_row_0_tb_header.et_pb_row {margin-top: -20px!important;}}a,body,div,h1,h2,h3,h4,h5,html,iframe,img,li,p,span,ul{margin:0px;padding:0px;border:0px;outline:rgb(0,0,0);font-size:100%;vertical-align:baseline;background-color:transparent;background-position:initial initial;background-repeat:initial initial}body{line-height:1}ul{list-style:none}:focus{outline:rgb(0,0,0)}article,footer,header,nav{display:block}body{font-family:'Open Sans',Arial,sans-serif;font-size:14px;color:rgb(102,102,102);background-color:rgb(255,255,255);line-height:1.7em;font-weight:500;-webkit-font-smoothing:antialiased}body.et_cover_background{background-attachment:fixed;background-size:cover !important;background-position:50% 0% !important;background-repeat:no-repeat no-repeat !important}a{color:rgb(46,163,242)}a{text-decoration:none}p{padding-bottom:1em}p:not(.has-background):last-of-type{padding-bottom:0px}iframe{max-width:100%}h1,h2,h3,h4,h5{color:rgb(51,51,51);padding-bottom:10px;line-height:1em;font-weight:500}h1 a{color:inherit}h1{font-size:30px}h2{font-size:26px}h3{font-size:22px}h4{font-size:18px}h5{font-size:16px}img{max-width:100%;height:auto}.mobile_menu_bar::after,.mobile_menu_bar::before{color:rgb(46,163,242)}.et_mobile_menu,.nav li ul{border-color:rgb(46,163,242)}#main-content{background-color:rgb(255,255,255)}.entry-content ul,.et-l--footer ul,.et-l--header ul{list-style-type:disc;padding:0px 0px 23px 1em;line-height:26px}.et-menu,nav.et-menu-nav{float:left}.et_pb_pagebuilder_layout .entry-content{padding-top:0px;margin-bottom:0px !important}.mobile_menu_bar::before{content:'\61';font-size:32px;left:0px;position:relative;top:0px}.page.et_pb_pagebuilder_layout #main-content{background-color:transparent}@media (max-width:980px){#page-container{padding-top:80px}.et-tb-has-header #page-container{padding-top:0px !important}}@media (min-width:981px){.et_pb_gutters3 .et_pb_column{margin-right:5.5%}.et_pb_gutters3 .et_pb_column_4_4{width:100%}.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module{margin-bottom:2.75%}.et_pb_gutters3 .et_pb_column_3_5{width:57.8%}.et_pb_gutters3 .et_pb_column_3_5 .et_pb_module{margin-bottom:4.758%}.et_pb_gutters3 .et_pb_column_1_2{width:47.25%}.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module{margin-bottom:5.82%}.et_pb_gutters3 .et_pb_column_2_5{width:36.7%}.et_pb_gutters3 .et_pb_column_2_5 .et_pb_module{margin-bottom:7.493%}.et_pb_gutters3 .et_pb_column_1_3{width:29.6667%}.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module{margin-bottom:9.27%}.et_pb_gutters2 .et_pb_column,.et_pb_gutters2.et_pb_row .et_pb_column{margin-right:3%}.et_pb_gutters2 .et_pb_column_4_4{width:100%}.et_pb_gutters2 .et_pb_column_4_4 .et_pb_module{margin-bottom:1.5%}.et_pb_gutters2 .et_pb_column_1_2,.et_pb_gutters2.et_pb_row .et_pb_column_1_2{width:48.5%}.et_pb_gutters2 .et_pb_column_1_2 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_2 .et_pb_module{margin-bottom:3.093%}}@media (max-width:479px){.et_pb_column{width:100% !important}}*{box-sizing:border-box}.et-pb-arrow-next::before,.et-pb-arrow-prev::before,.et_pb_button::after,.et_pb_social_icon a.icon::before,.mobile_menu_bar::before,a.et_pb_more_button::after{speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;text-shadow:0px 0px;font-family:ETmodules !important}.nav li li{padding:0px 20px;margin:0px}.et-menu li li a{padding:6px 20px;width:200px}.nav li{position:relative;line-height:1em}.nav li li{position:relative;line-height:2em}.nav li ul{position:absolute;padding:20px 0px;z-index:9999;width:240px;background-color:rgb(255,255,255);visibility:hidden;opacity:0;border-top-width:3px;border-top-style:solid;border-top-color:rgb(46,163,242);box-shadow:rgba(0,0,0,0.0980392) 0px 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.0980392) 0px 2px 5px;-webkit-transform:translateZ(0px);text-align:left;background-position:initial initial;background-repeat:initial initial}.et_mobile_menu li a,.nav li li a{font-size:14px}.et-menu .menu-item-has-children > a:first-child::after{font-family:ETmodules;content:'3';font-size:16px;position:absolute;right:0px;top:0px;font-weight:800}.et-menu .menu-item-has-children > a:first-child{padding-right:20px}.et_mobile_menu{position:absolute;left:0px;padding:5%;background-color:rgb(255,255,255);width:100%;visibility:visible;opacity:1;display:none;z-index:9999;border-top-width:3px;border-top-style:solid;border-top-color:rgb(46,163,242);box-shadow:rgba(0,0,0,0.0980392) 0px 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.0980392) 0px 2px 5px;background-position:initial initial;background-repeat:initial initial}.et_pb_menu .et_mobile_menu li ul{padding-left:10px;visibility:visible !important;display:block !important}.et_mobile_menu li li{padding-left:5%}.et_mobile_menu li a{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,0.027451);color:rgb(102,102,102);padding:10px 5%;display:block}.et_mobile_menu .menu-item-has-children > a{font-weight:700;background-color:rgba(0,0,0,0.027451)}.et_mobile_nav_menu{float:right;display:none}.mobile_menu_bar{position:relative;display:block;line-height:0}.mobile_menu_bar::before{content:'\61';font-size:32px;position:relative;left:0px;top:0px}.et_pb_module .mobile_menu_bar::before{top:2px}.et_pb_button{font-size:20px;font-weight:500;padding:0.3em 1em;background-color:transparent;background-size:cover;border:2px solid;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;line-height:1.7em !important;background-position:50% 50%;background-repeat:no-repeat no-repeat}.et_pb_button{position:relative}.et_pb_button::after,.et_pb_button::before{font-size:32px;line-height:1em;content:'\35';opacity:0;position:absolute;margin-left:-1em;text-transform:none;-webkit-font-feature-settings:'kern' 0;font-style:normal;font-weight:400;text-shadow:none}.et_pb_button::before{display:none}.et_pb_column_2_5 h2{font-size:23px}.et_pb_column_1_3 h3{font-size:20px}.et_pb_column_1_3 h4{font-size:18px}.et_pb_promo_description,.et_pb_slide_description,.et_pb_text{word-wrap:break-word}.et_pb_row{width:80%;max-width:1080px;margin:auto;position:relative}.et_builder_inner_content{position:relative;z-index:1}header .et_builder_inner_content{z-index:2}.et_pb_column{float:left;background-size:cover;position:relative;z-index:2;min-height:1px;background-position:50% 50%}.et_pb_column--with-menu{z-index:3}.et-menu li{display:inline-block;font-size:14px;padding-right:22px}.et-menu > li:last-child{padding-right:0px}.et-menu a{color:rgba(0,0,0,0.6);text-decoration:none;display:block;position:relative}.et-menu li > a{padding-bottom:29px;word-wrap:break-word}.et_pb_column,.et_pb_module,.et_pb_row,.et_pb_slide,.et_pb_with_background{background-size:cover;background-position:50% 50%;background-repeat:no-repeat no-repeat}.et_pb_with_border{position:relative}.et_pb_with_border{border:0px solid rgb(51,51,51)}.et_pb_image{margin-left:auto;margin-right:auto;line-height:0}.et_pb_image{display:block}.et_pb_image .et_pb_image_wrap{display:inline-block;position:relative;max-width:100%}.et_pb_image img{position:relative}.et_pb_promo{padding:40px 60px;text-align:center}.et_pb_promo_description{padding-bottom:20px;position:relative}.et_pb_promo_description p:last-of-type{padding-bottom:0px}.et_pb_column_1_2 .et_pb_promo{padding:40px}.et_pb_menu .et-menu-nav,.et_pb_menu .et-menu-nav > ul{float:none}.et_pb_menu .et-menu-nav > ul{line-height:1.7em;padding:0px !important}.et_pb_menu .et-menu-nav > ul ul{padding:20px 0px;text-align:left}.et_pb_bg_layout_dark.et_pb_menu ul li a{color:rgb(255,255,255)}.et_pb_menu_inner_container{position:relative}.et_pb_menu__wrap .mobile_menu_bar{-webkit-transform:translateY(3%)}.et_pb_menu__wrap .mobile_menu_bar::before{top:0px}.et_pb_menu__logo{overflow:hidden}.et_pb_menu__logo img{display:block}.et_pb_menu__cart-button::after{content:'\e07a'}a.et_pb_menu__icon{display:-webkit-box;-webkit-box-align:center;padding:0px;margin:0px 11px;font-family:ETmodules;font-size:17px;background-image:none;border:0px;background-position:initial initial;background-repeat:initial initial}.et_pb_menu .et_pb_menu__wrap{-webkit-box-flex:1;display:-webkit-box;-webkit-box-pack:start;-webkit-box-align:stretch;opacity:1}.et_pb_menu .et_pb_menu__menu{-webkit-box-flex:0;-webkit-box-pack:start}.et_pb_menu .et_pb_menu__menu,.et_pb_menu .et_pb_menu__menu > nav,.et_pb_menu .et_pb_menu__menu > nav > ul{display:-webkit-box;-webkit-box-align:stretch}.et_pb_menu .et_pb_menu__menu > nav > ul{-webkit-box-pack:start}.et_pb_menu .et_pb_menu__menu > nav > ul > li{position:relative;display:-webkit-box;-webkit-box-align:stretch;margin:0px}.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul{top:calc(100% - 1px);left:0px}.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a{display:-webkit-box;-webkit-box-align:center;padding:31px 0px;white-space:nowrap}.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a::after{-webkit-transform:translateY(-50%);top:50% !important}.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul{padding:0px !important}.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li{margin-top:8px}.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a{padding-bottom:8px}.et_pb_menu .et_pb_menu__icon{-webkit-box-flex:0}.et_pb_menu .et-menu{margin-left:-11px;margin-right:-11px}.et_pb_menu .et-menu > li{padding-left:11px;padding-right:11px}.et_pb_menu--style-left_aligned .et_pb_menu_inner_container{display:-webkit-box;-webkit-box-align:stretch}.et_pb_menu--style-left_aligned .et_pb_menu__logo-wrap{-webkit-box-flex:0;display:-webkit-box;-webkit-box-align:center}.et_pb_menu--style-left_aligned .et_pb_menu__logo{margin-right:30px}.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__menu > nav > ul,.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap{-webkit-box-pack:end}.et_pb_slider{position:relative;overflow:hidden}.et_pb_row::after,.et_pb_slides::after{content:'';display:block;clear:both;visibility:hidden;line-height:0;height:0px;width:0px}.et_pb_slider .et_pb_slide{display:none;float:left;margin-right:-100%;position:relative;width:100%;text-align:center;list-style:none !important}.et_pb_section,.et_pb_slider .et_pb_slide{background-size:cover;background-position:50% 50%}.et_pb_slider .et_pb_slide:first-child{display:list-item}.et_pb_slider .et_pb_container{width:100%;margin:0px auto;position:relative;z-index:2}.et_pb_slide{padding:0px 6%}.et-pb-arrow-next,.et-pb-arrow-prev{position:absolute;top:50%;z-index:100;font-size:48px;color:rgb(255,255,255);margin-top:-24px;opacity:0}.et-pb-arrow-next span,.et-pb-arrow-prev span{display:none}.et-pb-arrow-prev{left:-22px}.et-pb-arrow-next{right:-22px}.et-pb-arrow-prev::before{content:'\34'}.et-pb-arrow-next::before{content:'\35'}.et-pb-controllers{position:absolute;bottom:20px;left:0px;width:100%;text-align:center;z-index:10}.et-pb-controllers a{display:inline-block;background-color:rgba(255,255,255,0.498039);text-indent:-9999px;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px;width:7px;height:7px;margin-right:10px;padding:0px;opacity:0.5}.et-pb-controllers .et-pb-active-control{opacity:1}.et-pb-controllers a:last-child{margin-right:0px}.et-pb-controllers .et-pb-active-control{background-color:rgb(255,255,255)}.et-pb-active-slide .et_pb_slide_description{-webkit-animation:fadeBottom 0.7s ease-in-out 0.9s both}.et_pb_bg_layout_dark .et_pb_slide_description{text-shadow:rgba(0,0,0,0.298039) 0px 1px 3px}.et_pb_bg_layout_dark .et_pb_slide_content{color:rgb(255,255,255)}.et_pb_slide_description .et_pb_slide_title{font-weight:300;margin-top:0px;font-size:46px}.et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_description{padding:16% 8%;width:auto;margin:auto}.et_pb_slide_content{font-size:14px;font-weight:400;color:rgb(51,51,51)}.et_pb_slide_content p:last-of-type{padding-bottom:0px}.et_pb_slides .et_pb_container{display:table;table-layout:fixed}.et_pb_slides .et_pb_slider_container_inner{display:table-cell;width:100%;vertical-align:middle}.et_pb_more_button{color:inherit;text-shadow:none;text-decoration:none;display:inline-block;margin-top:20px}.et_pb_column .et_pb_slider_fullwidth_off .et_pb_slide_content{display:block}.et_pb_text ul{padding-bottom:1em}.et_pb_text >:last-child{padding-bottom:0px}.et_pb_text_inner{position:relative}.et_pb_bg_layout_dark,.et_pb_bg_layout_dark h1,.et_pb_bg_layout_dark h2,.et_pb_bg_layout_dark h3{color:rgb(255,255,255) !important}.et_pb_text_align_left{text-align:left}.et_pb_text_align_center{text-align:center}.et_pb_text_align_right{text-align:right}ul.et_pb_social_media_follow{margin:0px 0px 22px;padding:0px;list-style-type:none !important}.et_pb_social_media_follow li{display:inline-block;margin-bottom:8px;position:relative}.et_pb_social_media_follow li a{margin-right:8px;display:inline-block;text-decoration:none;text-align:center;position:relative}.et_pb_social_media_follow li:last-child a{margin-right:0px}.et_pb_social_media_follow li a.icon{height:32px;width:32px;padding:0px;box-sizing:content-box}.et_pb_social_media_follow li a.icon::before{height:32px;width:32px;font-size:16px;line-height:32px;display:block;color:rgb(255,255,255);position:relative;z-index:10}.et_pb_social_media_follow li a.icon{border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.et_pb_social_media_follow_network_name{display:none}.et_pb_section{position:relative;background-color:rgb(255,255,255)}.et_pb_row .et_pb_column.et-last-child,.et_pb_row .et_pb_column:last-child{margin-right:0px !important}header.et-l.et-l--header::after{clear:both;display:block;content:''}.et_pb_module{-webkit-animation:0.2s linear}.et_pb_code_inner{position:relative}@media (min-width:981px){.et_pb_section{padding:4% 0px}.et_pb_row{padding:2% 0px}.et_pb_section .et_pb_row .et_pb_column .et_pb_module:last-child{margin-bottom:0px}.et_pb_row .et_pb_column.et-last-child,.et_pb_row .et_pb_column:last-child{margin-right:0px !important}.et_pb_row.et_pb_equal_columns{display:-webkit-box;direction:ltr}.et_pb_row.et_pb_equal_columns > .et_pb_column{-webkit-box-ordinal-group:2}}@media (max-width:980px){.et_pb_column{width:100%;margin-bottom:30px}.et_pb_section{padding:50px 0px}.et_pb_row{padding:30px 0px}.et_pb_row .et_pb_column.et-last-child,.et_pb_row .et_pb_column:last-child{margin-bottom:0px}.et_pb_column .et_pb_module{margin-bottom:30px}.et_pb_row .et_pb_column .et_pb_module:last-child{margin-bottom:0px}.et_pb_more_button{display:inline-block !important}.et_pb_slide_description .et_pb_slide_title{font-weight:500}.et_pb_slide_content{font-size:13px;font-weight:400}.et_pb_slide_description{text-align:center}.et-menu{display:none}.et_pb_menu--style-left_aligned .et_pb_menu_inner_container{-webkit-box-align:center}.et_pb_menu--style-left_aligned .et_pb_menu__wrap{-webkit-box-pack:end}.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap{-webkit-box-pack:end}.et_pb_menu .et_pb_menu__menu{display:none}.et_pb_menu .et_mobile_nav_menu{float:none;margin:0px 6px;display:-webkit-box;-webkit-box-align:center}.et_pb_menu .et_mobile_menu{top:100%;padding:5%}.et_pb_menu .et_mobile_menu,.et_pb_menu .et_mobile_menu ul{text-align:left;list-style:none !important}.et_pb_menu .et_mobile_menu ul{padding:0px}.et_mobile_nav_menu{display:block;margin-top:-1px}.et_pb_row{max-width:1080px}.et_pb_text_align_center-tablet{text-align:center}}@media (max-width:767px){.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content{font-size:14px}.et_pb_promo{padding:40px}.et-pb-controllers{position:absolute;bottom:5%;left:0px;width:100%;text-align:center;z-index:10;height:14px}.et_pb_more_button{display:inline-block !important}.et_pb_slide_content{font-size:12px}.et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_description{text-align:center}}@media (max-width:479px){.et_pb_slide_content{font-weight:400;font-size:10px}.et_pb_slide_content,a.et_pb_more_button{display:block}.et_pb_slider_fullwidth_off .et_pb_more_button,.et_pb_slider_fullwidth_off .et_pb_slide_content{display:none}.et_pb_promo{padding:40px}}.et_animated{opacity:0;-webkit-animation:1s both}.et_animated.fade{-webkit-animation:et_pb_fade}.et-pb-before-scroll-animation{opacity:0}.clearfix::after{visibility:hidden;display:block;font-size:0px;content:' ';clear:both;height:0px}.wp-my-instagram{position:relative}.wpmi-list{font-size:0px;padding:0px !important}.wpmi-list li.wpmi-item{list-style:none}.wpmi-list:last-child{margin-bottom:0px}.wpmi-list.wpmi-layout-4 .wpmi-item{width:25%}body{font-size:18px}.et_pb_slide_content{font-size:20px}body{color:rgb(53,53,53)}h1,h2,h3,h4,h5{color:rgb(53,53,53)}body{line-height:1.8em}.mobile_menu_bar::before,.mobile_menu_bar::after{color:rgb(193,23,23)}.nav li ul,.et_mobile_menu{border-color:rgb(193,23,23)}.et_pb_row,.et_pb_slider .et_pb_container{max-width:1920px}a{color:rgb(193,23,23)}.nav li ul{border-color:rgb(224,43,32)}.et_mobile_menu li a{color:rgb(0,0,0)}h1,h2,h3,h4,h5,.et_pb_slide_description .et_pb_slide_title{font-weight:bold;font-style:normal;text-transform:none;text-decoration:none;line-height:1.4em}@media only screen and (min-width:981px){.et_pb_section{padding:3% 0px}}h1,h2,h3,h4,h5{font-family:'Roboto Slab',Georgia,'Times New Roman',serif}body{font-family:'Open Sans',Helvetica,Arial,Lucida,sans-serif}h2{font-size:1em}@media (max-width:550px){footer .et_pb_text a{width:100%;display:block;text-align:left;margin:0px;padding:0px}}@media only screen and (max-width:980px){.et_pb_column{margin-top:20px}.et_pb_section{padding-top:0px}}@media (max-width:1290px){#hp-events h3{font-size:18px !important}#hp-events h4{font-size:16px !important}#hp-events a{font-size:12px !important}}@media (max-width:1165px){#hp-events h3{font-size:16px !important}#hp-events h4{font-size:14px !important}#hp-events a{font-size:12px !important}}@media (max-width:1040px){#hp-events h3{font-size:14px !important}#hp-events h4{font-size:13px !important}#hp-events a{font-size:11px !important}}@media (max-width:980px){#hp-events h3{font-size:20px !important}#hp-events h4{font-size:18px !important}#hp-events a{font-size:14px !important}}@media (max-width:410px){#hp-events h3{font-size:16px !important}#hp-events h4{font-size:14px !important}#hp-events a{font-size:12px !important}}@media (max-width:322px){#hp-events h3{font-size:14px !important}#hp-events h4{font-size:13px !important}#hp-events a{font-size:11px !important}}
</style>
<?php //Open PHP tags
}
Auto Complete All Woocomerce Orders
/**
* Auto Complete all WooCommerce orders.
*/
add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_order' );
function custom_woocommerce_auto_complete_order( $order_id ) {
if ( ! $order_id ) {
return;
}
$order = wc_get_order( $order_id );
$order->update_status( 'completed' );
}
Add iCal and Google Cal Links to Tickets
/**
* Description: Adds the 'Export to Google Calendar / iCal' links to the bottom of the ticket email
*
* Instructions: Copy the snippet into your theme's (preferably child theme's) functions.php file.
* Note: Design can be adjusted with css in wp-content/plugins/event-tickets/src/views/tickets/email.php
* or better, create a template override for that.
* Info on template overrides can be found in our Themer's Guide
* https://theeventscalendar.com/knowledgebase/themers-guide/
*
* Plugins: Event Tickets (https://wordpress.org/plugins/event-tickets/)
*/
add_action( 'tribe_tickets_ticket_email_ticket_bottom', 'add_export_buttons_to_email' );
function add_export_buttons_to_email( array $ticket ) {
global $post;
$post = get_post( $ticket['event_id'] );
/** @var Tribe__Events__iCal $ical */
$ical = tribe( 'tec.iCal' );
$ical->single_event_links();
}
Event-Links.php
URL Path: The Woodworking Shows: event-links.php (tribe/events/blocks/event-links.php)
Makes iCal and Google Cal Links open in New Tab
Overwrites template
<?php
/**
* Block: Event Links
*
* Override this template in your own theme by creating a file at:
* [your-theme]/tribe/events/blocks/event-links.php
*
* See more documentation about our Blocks Editor templating system.
*
* @link http://m.tri.be/1aiy
*
* @version 4.7
*
*/
// don't show on password protected posts
if ( post_password_required() ) {
return;
}
$has_google_cal = $this->attr( 'hasGoogleCalendar' );
$has_ical = $this->attr( 'hasiCal' );
$should_render = $has_google_cal || $has_ical;
remove_filter( 'the_content', 'do_blocks', 9 );
if ( $should_render ) :
?>
<div class="tribe-block tribe-block__events-link">
<?php if ( $has_google_cal ) : ?>
<div class="tribe-block__btn--link tribe-block__events-gcal">
<a
href="<?php echo Tribe__Events__Main::instance()->esc_gcal_url( tribe_get_gcal_link() ); ?>"
title="<?php esc_attr_e( 'Add to Google Calendar', 'the-events-calendar' ); ?>"
target="_blank"
>
<img src="<?php echo Tribe__Main::instance()->plugin_url . 'src/modules/icons/link.svg'; ?>" />
<?php echo esc_html( $this->attr( 'googleCalendarLabel' ) ) ?>
</a>
</div>
<?php endif; ?>
<?php if ( $has_ical ) : ?>
<div class="tribe-block__btn--link tribe-block__-events-ical">
<a
href="<?php echo esc_url( tribe_get_single_ical_link() ); ?>"
title="<?php esc_attr_e( 'Download .ics file', 'the-events-calendar' ); ?>"
target="_blank"
>
<img src="<?php echo Tribe__Main::instance()->plugin_url . 'src/modules/icons/link.svg'; ?>" />
<?php echo esc_html( $this->attr( 'iCalLabel' ) ) ?>
</a>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<?php add_filter( 'the_content', 'do_blocks', 9 );
Date-Time.php
URL Path: date-time.php (tribe/events-pro/v2/photo/event/date-time.php)
Event Archive Photo View - Display Custom Field to show 3 event dates/times
Overwrite template
<?php
/**
* View: Photo View - Single Event Date Time
*
* Override this template in your own theme by creating a file at:
* [your-theme]/tribe/events-pro/v2/photo/event/date-time.php
*
* See more documentation about our views templating system.
*
* @link {INSERT_ARTCILE_LINK_HERE}
*
* @since 5.0.0
* @since 5.1.1 Moved icons out to separate templates.
*
* @var WP_Post $event The event post object with properties added by the `tribe_get_event` function.
* @var obj $date_formats Object containing the date formats.
*
* @see tribe_get_event() For the format of the event object.
*
* @version 5.1.1
*/
$time_format = tribe_get_time_format();
$display_end_date = $event->dates->start_display->format( 'H:i' ) !== $event->dates->end_display->format( 'H:i' );
?>
<div class="tribe-events-pro-photo__event-datetime tribe-common-b2">
<?php
// Fetch from this Event all custom fields and their values.
$fields = tribe_get_custom_fields( $event->ID );
//echo $fields['Event Dates and Times'];
$eventDateTimeCustom = esc_html( $fields['Event Dates and Times'] );
//echo $eventDateTimeCustom;
//echo $eventDateTimeCustom;
//print_r (explode("•",$eventDateTimeCustom));
echo nl2br(str_replace('•','<br/>', $eventDateTimeCustom));
?>
<!--<?php $this->template( 'photo/event/date-time/featured' ); ?>
<?php if ( $event->all_day ) : ?>
<time datetime="<?php echo esc_attr( $event->dates->start_display->format( 'Y-m-d' ) ) ?>">
<?php esc_attr_e( 'All day', 'tribe-events-calendar-pro' ); ?>
</time>
<?php elseif ( $event->multiday ) : ?>
<?php echo $event->schedule_details->value(); ?>
<?php else : ?>
<time datetime="<?php echo esc_attr( $event->dates->start_display->format( 'H:i' ) ) ?>">
<?php echo esc_html( $event->dates->start_display->format( $time_format ) ) ?>
</time>
<?php if ( $display_end_date ) : ?>
<span class="tribe-events-events-pro-photo__event-datetime-separator"><?php echo esc_html( $date_formats->time_range_separator ); ?></span>
<time datetime="<?php echo esc_attr( $event->dates->end_display->format( 'H:i' ) ) ?>">
<?php echo esc_html( $event->dates->end_display->format( $time_format ) ) ?>
</time>
<?php endif; ?>
<?php endif; ?>
<?php $this->template( 'photo/event/date-time/recurring', [ 'event' => $event ] ); ?>-->
</div>
Event.php
URL Path: The Woodworking Shows: event.php (tribe/events-pro/v2/photo/event.php)
Reorder elements on used Event Achieve Output
Overwrites template
<?php
/**
* View: Photo Event
*
* Override this template in your own theme by creating a file at:
* [your-theme]/tribe/events-pro/v2/photo/event.php
*
* See more documentation about our views templating system.
*
* @link {INSERT_ARTCILE_LINK_HERE}
*
* @version 5.0.0
*
* @var WP_Post $event The event post object with properties added by the `tribe_get_event` function.
* @var string $placeholder_url The url for the placeholder image if a featured image does not exist.
*
* @see tribe_get_event() For the format of the event object.
*/
$classes = get_post_class( [ 'tribe-common-g-col', 'tribe-events-pro-photo__event' ], $event->ID );
if ( ! empty( $event->featured ) ) {
$classes[] = 'tribe-events-pro-photo__event--featured';
}
?>
<article <?php tribe_classes( $classes ) ?>>
<?php $this->template( 'photo/event/featured-image', [ 'event' => $event ] ); ?>
<div style="width: 100%; background: white; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); padding: 4%;">
<?php $this->template( 'photo/event/title', [ 'event' => $event ] ); ?>
<div class="tribe-events-pro-photo__event-details-wrapper">
<?php $this->template( 'photo/event/date-tag', [ 'event' => $event ] ); ?>
<div class="tribe-events-pro-photo__event-details">
<?php $this->template( 'photo/event/date-time', [ 'event' => $event ] ); ?>
<?php $this->template( 'photo/event/cost', [ 'event' => $event ] ); ?>
</div>
</div>
</div>
</article>
Photo.php
URL Path: The Woodworking Shows: photo.php (tribe/events-pro/v2/photo.php)
Inject custom CSS directly in Archive output. Makes responsive but also is not loaded where events are not called reducing load time
Overwrites template
<?php
/**
* View: Photo View
*
* Override this template in your own theme by creating a file at:
* [your-theme]/tribe/events-pro/v2/photo.php
*
* See more documentation about our views templating system.
*
* @link {INSERT_ARTCILE_LINK_HERE}
*
* @version 5.0.2
*
* @var string $rest_url The REST URL.
* @var string $rest_nonce The REST nonce.
* @var int $should_manage_url int containing if it should manage the URL.
* @var string $placeholder_url The url for the placeholder image if a featured image does not exist.
* @var array $events The array containing the events.
* @var string $today_url URL pointing to the today link for this view.
* @var string $prev_url URL pointing to the prev page link for this view.
* @var string $next_url URL pointing to the next page link for this view.
* @var bool $disable_event_search Boolean on whether to disable the event search.
* @var string[] $container_classes Classes used for the container of the view.
* @var array $container_data An additional set of container `data` attributes.
* @var string $breakpoint_pointer String we use as pointer to the current view we are setting up with breakpoints.
*/
$header_classes = [ 'tribe-events-header' ];
if ( empty( $disable_event_search ) ) {
$header_classes[] = 'tribe-events-header--has-event-search';
}
?>
<style>
/* ---- Event Search ------*/
#tribe-events-search-container {
width: 100% !important;
}
.tribe-common-c-btn {
background: #c11717 !important;
}
.tribe-common-c-btn: hover {
background: red !important;
}
div.tribe-events-pro-photo__event-featured-image-wrapper {
margin-bottom:0 !important;
}
/* ----responsive events ------*/
@media (max-width: 5000px) {
article .tribe-events-pro-photo__event-title, .tribe-common-h6 {
font-size:1.1em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:1em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 24px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 80px !important;
}
}
@media (max-width: 1470px) {
article .tribe-events-pro-photo__event-title {
font-size:1em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.9em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 24px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 80px !important;
}
}
@media (max-width: 1400px) {
article .tribe-events-pro-photo__event-title {
font-size:0.9em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.8em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 24px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 80px !important;
}
}
@media (max-width: 1325px) {
article .tribe-events-pro-photo__event-title {
font-size:0.8em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.7em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 24px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 80px !important;
}
}
@media (max-width: 1215px) {
article .tribe-events-pro-photo__event-title {
font-size:0.75em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.65em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 16px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 65px !important;
}
}
@media (max-width: 1080px) {
article .tribe-events-pro-photo__event-title {
font-size:0.7em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.6em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 16px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 65px !important;
}
}
@media (max-width: 1040px) {
article .tribe-events-pro-photo__event-title {
font-size:0.65em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.55em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size:0.65em !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 60px !important;
}
}
/* 2 columns */
@media (max-width: 976px) {
article .tribe-events-pro-photo__event-title {
font-size:1em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.9em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 24px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 80px !important;
}
}
@media (max-width: 900px) {
article .tribe-events-pro-photo__event-title {
font-size:0.9em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.8em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 24px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 80px !important;
}
}
@media (max-width: 800px) {
article .tribe-events-pro-photo__event-title {
font-size:0.8em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.7em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 24px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 80px !important;
}
}
@media (max-width: 730px) {
article .tribe-events-pro-photo__event-title {
font-size:0.75em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.65em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 16px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 65px !important;
}
}
@media (max-width: 684px) {
article .tribe-events-pro-photo__event-title {
font-size:0.7em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.6em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 16px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 65px !important;
}
}
@media (max-width: 654px) {
article .tribe-events-pro-photo__event-title {
font-size:0.65em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.55em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size:0.65em !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 60px !important;
}
}
/*single column */
@media (max-width: 641px) {
article .tribe-events-pro-photo__event-title {
font-size:1em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.9em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 24px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 80px !important;
}
}
@media (max-width: 445px) {
article .tribe-events-pro-photo__event-title {
font-size:0.9em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.8em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 24px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 80px !important;
}
}
@media (max-width: 405px) {
article .tribe-events-pro-photo__event-title {
font-size:0.8em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.7em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 24px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 80px !important;
}
}
@media (max-width: 360px) {
article .tribe-events-pro-photo__event-title {
font-size:0.75em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.7em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 16px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 65px !important;
}
}
@media (max-width: 343px) {
article .tribe-events-pro-photo__event-title {
font-size:0.7em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.6em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size: 16px !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 65px !important;
}
}
@media (max-width: 325px) {
article .tribe-events-pro-photo__event-title {
font-size:0.65em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.55em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size:0.65em !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 60px !important;
}
}
@media (max-width: 305px) {
article .tribe-events-pro-photo__event-title {
font-size:0.6em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.5em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size:0.6em !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 50px !important;
}
.tribe-events-pro .tribe-events-pro-photo__event-date-tag-month {
font-size:0.8em !important;
}
}
@media (max-width: 290px) {
article .tribe-events-pro-photo__event-title {
font-size:0.5em !important;
}
article .tribe-events-pro-photo__event-datetime {
font-size:0.45em !important;
}
.tribe-events-pro-photo__event-date-tag-daynum {
font-size:0.5em !important;
}
.tribe-events-pro-photo__event-date-tag {
width: 40px !important;
}
.tribe-events-pro .tribe-events-pro-photo__event-date-tag-month {
font-size:0.5em !important;
}
}
/*--------- End Responsive Events -------*/
/* per event cal limit removed - css to hide all but 3 events home page */
.homepage-events article {
display:none;
}
.homepage-events .tribe-common-g-row article:nth-of-type(1), .homepage-events .tribe-common-g-row article:nth-of-type(2), .homepage-events .tribe-common-g-row article:nth-of-type(3) {
display:inline !important;
}
.homepage-events .tribe-events-l-container {
padding-bottom: 0 !important;
min-height: 1px !important;
}
.homepage-events .tribe-common .tribe-common-cta--thin-alt {
border-bottom: 1px solid #c11717 !important;
}
.tribe-events-pro-photo__event-title-link {
font-family: 'Roboto Slab',Georgia,"Times New Roman",serif;
}
@media (max-width: 976px) {
article:nth-of-type(4) {
display:inline !important;
}
}
</style>
<div
<?php tribe_classes( $container_classes ); ?>
data-js="tribe-events-view"
data-view-rest-nonce="<?php echo esc_attr( $rest_nonce ); ?>"
data-view-rest-url="<?php echo esc_url( $rest_url ); ?>"
data-view-manage-url="<?php echo esc_attr( $should_manage_url ); ?>"
<?php foreach ( $container_data as $key => $value ) : ?>
data-view-<?php echo esc_attr( $key ) ?>="<?php echo esc_attr( $value ) ?>"
<?php endforeach; ?>
<?php if ( ! empty( $breakpoint_pointer ) ) : ?>
data-view-breakpoint-pointer="<?php echo esc_attr( $breakpoint_pointer ); ?>"
<?php endif; ?>
>
<div class="tribe-common-l-container tribe-events-l-container">
<?php $this->template( 'components/loader', [ 'text' => __( 'Loading...', 'tribe-events-calendar-pro' ) ] ); ?>
<?php $this->template( 'components/json-ld-data' ); ?>
<?php $this->template( 'components/data' ); ?>
<?php $this->template( 'components/before' ); ?>
<header <?php tribe_classes( $header_classes ); ?>>
<?php $this->template( 'components/messages' ); ?>
<?php $this->template( 'components/breadcrumbs' ); ?>
<?php $this->template( 'components/events-bar' ); ?>
<?php $this->template( 'photo/top-bar' ); ?>
</header>
<?php $this->template( 'components/filter-bar' ); ?>
<div class="tribe-events-pro-photo">
<div class="tribe-common-g-row tribe-common-g-row--gutters">
<?php foreach ( $events as $event ) : ?>
<?php $this->setup_postdata( $event ); ?>
<?php $this->template( 'photo/event', [ 'event' => $event ] ); ?>
<?php endforeach; ?>
</div>
</div>
<?php $this->template( 'photo/nav' ); ?>
<?php $this->template( 'components/ical-link' ); ?>
<?php $this->template( 'components/after' ); ?>
</div>
</div>
<?php $this->template( 'components/breakpoints' ); ?>
Email.php
URL Path: The Woodworking Shows: email.php (tribe-events/tickets/email.php)
<?php
/**
* Tickets Email Template
* The template for the email with the purchased tickets when using ticketing plugins (Like WooTickets)
*
* Override this template in your own theme by creating a file at [your-theme]/tribe-events/tickets/email.php
*
* This file is being included in events/lib/tickets/Tickets.php
* in the function generate_tickets_email_content. That function has a $tickets
* array with elements that have this fields:
* $tickets[] = array( 'event_id',
* 'ticket_name'
* 'holder_name'
* 'order_id'
* 'ticket_id'
* 'security_code')
*
* @since 4.0
* @since 4.5.11 Ability to remove display of event date.
* @since 4.7.4 Change event date to display by default.
* Display WooCommerce featured image.
* Current ticket action hook before output.
* @since 4.7.6 Ability to filter ticket image.
* @since 4.10.9 Use function for text.
*
* @version 4.11.3
*
* @var array $tickets An array of tickets in the format documented above.
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title><?php esc_html_e( 'Your tickets', 'event-tickets' ); ?></title>
<meta name="viewport" content="width=device-width" />
<style type="text/css">
h1, h2, h3, h4, h5, h6 {
color : #0a0a0e;
}
a, img {
border : 0;
outline : 0;
}
#outlook a {
padding : 0;
}
.ReadMsgBody, .ExternalClass {
width : 100%
}
.yshortcuts, a .yshortcuts, a .yshortcuts:hover, a .yshortcuts:active, a .yshortcuts:focus {
background-color : transparent !important;
border : none !important;
color : inherit !important;
}
span.im div a {
margin-right: 30px;
}
body {
background : #ffffff;
min-height : 1000px;
font-family : sans-serif;
font-size : 14px;
}
.appleLinks a {
color : #006caa;
text-decoration : underline;
}
@media only screen and (max-width: 480px) {
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust : none !important;
}
body {
width : 100% !important;
min-width : 100% !important;
}
body[yahoo] h2 {
line-height : 120% !important;
font-size : 28px !important;
margin : 15px 0 10px 0 !important;
}
table.content,
table.wrapper,
table.inner-wrapper {
width : 100% !important;
}
table.ticket-content {
width : 90% !important;
padding : 20px 0 !important;
}
table.ticket-details {
position : relative;
padding-bottom : 100px !important;
}
table.ticket-break {
width : 100% !important;
}
td.wrapper {
width : 100% !important;
}
td.ticket-content {
width : 100% !important;
}
td.ticket-image img {
max-width : 100% !important;
width : 100% !important;
height : auto !important;
}
td.ticket-details {
width : 33% !important;
padding-right : 10px !important;
border-top : 1px solid #ddd !important;
}
td.ticket-details h6 {
margin-top : 20px !important;
}
td.ticket-details.new-row {
width : 50% !important;
height : 80px !important;
border-top : 0 !important;
position : absolute !important;
bottom : 0 !important;
display : block !important;
}
td.ticket-details.new-left-row {
left : 0 !important;
}
td.ticket-details.new-right-row {
right : 0 !important;
}
table.ticket-venue {
position : relative !important;
width : 100% !important;
padding-bottom : 150px !important;
}
td.ticket-venue,
td.ticket-organizer,
td.ticket-qr {
width : 100% !important;
border-top : 1px solid #ddd !important;
}
td.ticket-venue h6,
td.ticket-organizer h6 {
margin-top : 20px !important;
}
td.ticket-qr {
text-align : left !important
}
td.ticket-qr img {
float : none !important;
margin-top : 20px !important
}
td.ticket-organizer,
td.ticket-qr {
position : absolute;
display : block;
left : 0;
bottom : 0;
}
td.ticket-organizer {
bottom : 0px;
height : 100px !important;
}
td.ticket-venue-child {
width : 50% !important;
}
table.venue-details {
position : relative !important;
width : 100% !important;
}
a[href^="tel"], a[href^="sms"] {
text-decoration : none;
color : black;
pointer-events : none;
cursor : default;
}
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
text-decoration : default;
color : #006caa !important;
pointer-events : auto;
cursor : default;
}
}
@media only screen and (max-width: 320px) {
td.ticket-venue h6,
td.ticket-organizer h6,
td.ticket-details h6 {
font-size : 12px !important;
}
}
@media print {
.ticket-break {
page-break-before : always !important;
}
}
<?php do_action( 'tribe_tickets_ticket_email_styles' );?>
</style>
</head>
<body yahoo="fix" alink="#006caa" link="#006caa" text="#000000" bgcolor="#ffffff" style="width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0 auto; padding:20px 0 0 0; background:#ffffff; min-height:1000px;">
<div style="margin:0; padding:0; width:100% !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:14px; line-height:145%; text-align:left;">
<center>
<?php
do_action( 'tribe_tickets_ticket_email_top' );
$count = 0;
$break = '';
foreach ( $tickets as $ticket ) {
$count ++;
if ( $count == 2 ) {
$break = 'page-break-before:always !important;';
}
$event = get_post( $ticket['event_id'] );
$header_id = get_post_meta( $ticket['event_id'], tribe( 'tickets.handler' )->key_image_header, true );
$header_img = false;
/**
* If the ticket is a WooCommerce product and has a featured image,
* display it on email.
*
* @since 4.7.4
*/
if ( 'Tribe__Tickets_Plus__Commerce__WooCommerce__Main' === $ticket['provider'] && class_exists( 'WC_Product' ) ) {
$product = new WC_Product( $ticket['product_id'] );
$image_id = $product->get_image_id();
if ( ! empty( $image_id ) ) {
$header_img = wp_get_attachment_image_src( $image_id, 'full' );
}
}
if ( ! empty( $header_id ) ) {
$header_img = wp_get_attachment_image_src( $header_id, 'full' );
}
/**
* Filters the ticket image that will be included in the tickets email
*
* @since 4.7.6
*
* @param bool|string $header_img False or header image src
* @param int $header_id Parent post ticket header image ID if set
* @param array $ticket Ticket information
*/
$header_img = apply_filters( 'tribe_tickets_email_ticket_image', $header_img, $header_id, $ticket );
$venue_label = '';
$venue_name = null;
if ( function_exists( 'tribe_get_venue_id' ) ) {
$venue_id = tribe_get_venue_id( $event->ID );
if ( ! empty( $venue_id ) ) {
$venue = get_post( $venue_id );
}
$venue_label = tribe_get_venue_label_singular();
$venue_name = $venue_phone = $venue_address = $venue_city = $venue_web = '';
if ( ! empty( $venue ) ) {
$venue_name = $venue->post_title;
$venue_phone = get_post_meta( $venue_id, '_VenuePhone', true );
$venue_address = get_post_meta( $venue_id, '_VenueAddress', true );
$venue_city = get_post_meta( $venue_id, '_VenueCity', true );
$venue_state = get_post_meta( $venue_id, '_VenueStateProvince', true );
if ( empty( $venue_state ) ) {
$venue_state = get_post_meta( $venue_id, '_VenueState', true );
}
if ( empty( $venue_state ) ) {
$venue_state = get_post_meta( $venue_id, '_VenueProvince', true );
}
$venue_zip = get_post_meta( $venue_id, '_VenueZip', true );
$venue_web = get_post_meta( $venue_id, '_VenueURL', true );
}
// $venue_address_style: make sure no double-quotes in the content
$venue_address_style = "display:block; margin:0; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:13px;";
$venue_map_url = '';
if ( true === tribe_show_google_map_link( $event->ID ) && $venue_id ) {
$venue_map_url = esc_url( tribe_get_map_link( $venue_id ) );
}
if ( empty( $venue_map_url ) ) {
$venue_address_tag = 'span';
} else {
$venue_address_tag = 'a';
$venue_address_style .= ' color:#006caa !important; text-decoration:underline;';
}
}
$event_date = null;
/**
* Filters whether or not the event date should be included in the ticket email.
*
* @since 4.5.11
* @since 4.7.4 Include event date default value changed to true
*
* @var bool Include event date? Defaults to true.
* @var int Event ID
*/
$include_event_date = apply_filters( 'tribe_tickets_email_include_event_date', true, $event->ID );
if ( $include_event_date && function_exists( 'tribe_events_event_schedule_details' ) ) {
$event_date = tribe_events_event_schedule_details( $event );
}
if ( function_exists( 'tribe_get_organizer_ids' ) ) {
$organizers = tribe_get_organizer_ids( $event->ID );
}
$event_link = function_exists( 'tribe_get_event_link' ) ? tribe_get_event_link( $event->ID ) : get_post_permalink( $event->ID );
?>
<table class="content" align="center" width="620" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" style="margin:0 auto; padding:0;<?php echo $break; ?>">
<tr>
<td align="center" valign="top" class="wrapper" width="620">
<?php
/**
* Gives an opportunity to manipulate the current ticket before output
*
* @since 4.7.4
*
* @param array $ticket Current ticket information
*/
do_action( 'tribe_tickets_ticket_email_ticket_top', $ticket );
?>
<table class="inner-wrapper" border="0" cellpadding="0" cellspacing="0" width="620" bgcolor="#f7f7f7" style="margin:0 auto !important; width:620px; padding:0;">
<tr>
<td valign="top" class="ticket-content" align="left" width="580" border="0" cellpadding="20" cellspacing="0" style="padding:20px; background:#f7f7f7;">
<?php
if ( ! empty( $header_img ) ) {
$header_width = esc_attr( $header_img[1] );
if ( $header_width > 580 ) {
$header_width = 580;
}
?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="ticket-image" valign="top" align="left" width="100%" style="padding-bottom:15px !important;">
<img src="<?php echo esc_attr( $header_img[0] ); ?>" width="<?php echo esc_attr( $header_width ); ?>" alt="<?php echo esc_attr( $event->post_title ); ?>" style="border:0; outline:none; height:auto; max-width:100%; display:block;" />
</td>
</tr>
</table>
<?php
}
?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td valign="top" align="center" width="100%" style="padding: 0 !important; margin:0 !important;">
<h2 style="color:#0a0a0e; margin:0 0 10px 0 !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-style:normal; font-weight:700; font-size:28px; letter-spacing:normal; text-align:left;line-height: 100%;">
<a style="color:#0a0a0e !important" href="<?php echo esc_url( $event_link ); ?>"><?php echo $event->post_title; ?></a>
</h2>
<?php if ( ! empty( $event_date ) ) : ?>
<h4 style="color:#0a0a0e; margin:0 !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-style:normal; font-weight:700; font-size:15px; letter-spacing:normal; text-align:left;line-height: 100%;">
<span style="color:#0a0a0e !important"><?php echo $event_date; ?></span>
</h4>
<?php endif; ?>
</td>
</tr>
</table>
<table class="whiteSpace" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" align="left" width="100%" height="30" style="height:30px; background:#f7f7f7; padding: 0 !important; margin:0 !important;">
<div style="margin:0; height:30px;"></div>
</td>
</tr>
</table>
<table class="ticket-details" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td class="ticket-details" valign="top" align="left" width="100" style="padding: 0; width:100px; margin:0 !important;">
<h6 style="color:#909090 !important; margin:0 0 10px 0; font-family: 'Helvetica Neue', Helvetica, sans-serif; text-transform:uppercase; font-size:13px; font-weight:700 !important;"><?php esc_html_e( 'Ticket #', 'event-tickets' ); ?></h6>
<span style="color:#0a0a0e !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:15px;"><?php echo $ticket['ticket_id']; ?></span>
</td>
<td class="ticket-details" valign="top" align="left" width="120" style="padding: 0; width:120px; margin:0 !important;">
<h6 style="color:#909090 !important; margin:0 0 10px 0; font-family: 'Helvetica Neue', Helvetica, sans-serif; text-transform:uppercase; font-size:13px; font-weight:700 !important;"><?php
echo esc_html(
sprintf(
_x( '%s Type', 'ticket type email heading', 'event-tickets' ),
tribe_get_ticket_label_singular( 'ticket_type_email_heading' )
)
); ?>
</h6>
<span style="color:#0a0a0e !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:15px;"><?php echo $ticket['ticket_name']; ?></span>
</td>
<td class="ticket-details" valign="top" align="left" width="120" style="padding: 0 !important; width:120px; margin:0 !important;">
<h6 style="color:#909090 !important; margin:0 0 10px 0; font-family: 'Helvetica Neue', Helvetica, sans-serif; text-transform:uppercase; font-size:13px; font-weight:700 !important;"><?php esc_html_e( 'Purchaser', 'event-tickets' ); ?></h6>
<span style="color:#0a0a0e !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:15px;"><?php echo $ticket['holder_name']; ?></span>
</td>
<td class="ticket-details new-row new-left-row" valign="top" align="left" width="120" style="padding: 0; width:120px; margin:0 !important;">
<h6 style="color:#909090 !important; margin:0 0 10px 0; font-family: 'Helvetica Neue', Helvetica, sans-serif; text-transform:uppercase; font-size:13px; font-weight:700 !important;"><?php esc_html_e( 'Security Code', 'event-tickets' ); ?></h6>
<span style="color:#0a0a0e !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:15px;"><?php echo $ticket['security_code']; ?></span>
</td>
</tr>
</table>
<table class="whiteSpace" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" align="left" width="100%" height="30" style="height:30px; background:#f7f7f7; padding: 0 !important; margin:0 !important;">
<div style="margin:0; height:30px;"></div>
</td>
</tr>
</table>
<?php
/**
* Allows inserting content after the "ticket details" section.
*
* @since 4.12.3
*
* @param array $ticket Ticket information.
* @param WP_Post $event Event post object.
*/
do_action( 'tribe_tickets_ticket_email_after_details', $ticket, $event );
?>
<?php
if ( $venue_name || ! empty( $organizers ) ) {
?>
<table class="ticket-venue" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<?php
if ( $venue_name ) {
?>
<td class="ticket-venue" valign="top" align="left" width="300" style="padding: 0 !important; width:300px; margin:0 !important;">
<h6 style="color:#909090 !important; margin:0 0 4px 0; font-family: 'Helvetica Neue', Helvetica, sans-serif; text-transform:uppercase; font-size:13px; font-weight:700 !important;"><?php esc_html_e( $venue_label, 'event-tickets' ); ?></h6>
<table class="venue-details" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td class="ticket-venue-child" valign="top" align="left" width="130" style="padding: 0 10px 0 0 !important; width:130px; margin:0 !important;">
<span style="color:#0a0a0e !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:13px; display:block; margin-bottom:5px;"><?php echo $venue_name; ?></span>
<<?php echo $venue_address_tag; ?> style="<?php echo esc_attr( $venue_address_style ); ?>" <?php if ( 'a' === $venue_address_tag ) { printf( 'href="%s"', $venue_map_url ); } ?>>
<?php echo $venue_address; ?><br />
<?php
if ( $venue_city && ( $venue_state || $venue_zip ) ) :
printf( '%s, %s %s', $venue_city, $venue_state, $venue_zip );
else:
echo $venue_city;
endif;
?>
</<?php echo $venue_address_tag; ?>>
</td>
<td class="ticket-venue-child" valign="top" align="left" width="100" style="padding: 0 !important; width:140px; margin:0 !important;">
<span style="color:#0a0a0e !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:13px; display:block; margin-bottom:5px;"><?php echo $venue_phone; ?></span>
<?php if ( ! empty( $venue_web ) ): ?>
<a href="<?php echo esc_url( $venue_web ) ?>" style="color:#006caa !important; display:block; margin:0; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:13px; text-decoration:underline;"><?php echo $venue_web; ?></a>
<?php endif ?>
</td>
</tr>
</table>
</td>
<?php
}//end if
if ( ! empty( $organizers ) ) {
?>
<td class="ticket-organizer" valign="top" align="left" width="140" style="padding: 0 !important; width:140px; margin:0 !important;">
<h6 style="color:#909090 !important; margin:0 0 4px 0; font-family: 'Helvetica Neue', Helvetica, sans-serif; text-transform:uppercase; font-size:13px; font-weight:700 !important;"><?php echo tribe_get_organizer_label( count( $organizers ) < 2 ); ?></h6>
<?php foreach ( $organizers as $organizer_id ) { ?>
<span
style="color:#0a0a0e !important; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:15px; display:block; padding-bottom:5px;"><?php echo tribe_get_organizer( $organizer_id ); ?></span>
<?php } ?>
</td>
<?php
}//end if
?>
</tr>
</table>
<?php
}//end if
?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td class="ticket-footer" valign="top" align="left" width="100%" style="padding: 0 !important; width:100%; margin:0 !important;">
<a href="<?php echo esc_url( home_url() ); ?>" style="color:#006caa !important; display:block; margin-top:20px; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size:13px; text-decoration:underline;"><?php echo home_url(); ?></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<?php do_action( 'tribe_tickets_ticket_email_ticket_bottom', $ticket ); ?>
<table class="whiteSpace" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" align="left" width="100%" height="100" style="height:100px; background:#ffffff; padding: 0 !important; margin:0 !important;">
<div style="margin:0; height:100px;"></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<?php
}//end foreach
do_action( 'tribe_tickets_ticket_email_bottom' );
?>
</center>
</div>
</body>
</html>
Customizer CSS
Within Divi Theme & WordPress we added some css to customize the look of parts of the site that needed some tweaking beyond Divi. Nearly the entire site can be edited in Divi, the following helps with a few small parts that needed further optimizations
/* General css*/
/* Headers - glitches, sometimes css works, other times overrights theme - debug*/
h2 {
font-size:1em;
}
.invitation {
background: #D7C6A3;
}
/*---------woocommerce-------*/
.checkout-button.button.alt.wc-forward, .woocommerce .cart .button {
color: white !important;
background: #c11717;
}
.checkout-button.button.alt.wc-forward:hover,.woocommerce .cart .button:hover {
color: white;
background: red;
}
/*---------Misc-------*/
.invitation .et_pb_team_member_description {
padding: 10px;
}
/*---------Home Page-------*/
.HomeBoxesFour .et_pb_cta_0.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_1.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_2.et_pb_promo h2,.HomeBoxesFour .et_pb_cta_3.et_pb_promo h2 {
font-size: 4em !important;
}
@media screen and (max-width: 1230px) {
.HomeBoxesFour .et_pb_cta_0.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_1.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_2.et_pb_promo h2,.HomeBoxesFour .et_pb_cta_3.et_pb_promo h2 {
font-size: 3.5em !important;
}
}
@media screen and (max-width: 1100px) {
.HomeBoxesFour .et_pb_cta_0.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_1.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_2.et_pb_promo h2,.HomeBoxesFour .et_pb_cta_3.et_pb_promo h2 {
font-size: 3.4em !important;
}
}
@media screen and (max-width: 1080px) {
.HomeBoxesFour .et_pb_cta_0.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_1.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_2.et_pb_promo h2,.HomeBoxesFour .et_pb_cta_3.et_pb_promo h2 {
font-size: 3.0em !important;
}
}
@media screen and (max-width: 500px) {
.HomeBoxesFour .et_pb_cta_0.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_1.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_2.et_pb_promo h2,.HomeBoxesFour .et_pb_cta_3.et_pb_promo h2 {
font-size: 2.8em !important;
}
}
@media screen and (max-width: 450px) {
.HomeBoxesFour .et_pb_cta_0.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_1.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_2.et_pb_promo h2,.HomeBoxesFour .et_pb_cta_3.et_pb_promo h2 {
font-size: 2.5em !important;
}
}
@media screen and (max-width: 420px) {
.HomeBoxesFour .et_pb_cta_0.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_1.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_2.et_pb_promo h2,.HomeBoxesFour .et_pb_cta_3.et_pb_promo h2 {
font-size: 2.1em !important;
}
}
@media screen and (max-width: 368px) {
.HomeBoxesFour .et_pb_cta_0.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_1.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_2.et_pb_promo h2,.HomeBoxesFour .et_pb_cta_3.et_pb_promo h2 {
font-size: 1.8em !important;
}
}
@media screen and (max-width: 330px) {
.HomeBoxesFour .et_pb_cta_0.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_1.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_2.et_pb_promo h2,.HomeBoxesFour .et_pb_cta_3.et_pb_promo h2 {
font-size: 1.5em !important;
}
}
@media screen and (max-width: 290px) {
.HomeBoxesFour .et_pb_cta_0.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_1.et_pb_promo h2, .HomeBoxesFour .et_pb_cta_2.et_pb_promo h2,.HomeBoxesFour .et_pb_cta_3.et_pb_promo h2 {
font-size: 1.2em !important;
}
}
/*------ Event Page ----*/
.tribe-events-schedule, .tribe-events-schedule h2 {
margin-bottom: 0;
padding-bottom: 0;
}
.tribe-block__additional-field h3 {
display:none;
}
.tribe-block__additional-field {
margin-top: 0;
padding-top: 0;
}
/*---------Events General-------*/
.tribe-events-c-view-selector__content {
display: none !important;
}
.homepage-events .tribe-events-header--has-event-search {
display: none !important;
}
.homepage-events .tribe-events-c-ical__link {
display: none !important;
}
.homepage-events .tribe-events-c-nav {
display: none !important;
}
#tribe-tickets {
padding-top: 0;
margin-top: 0;
}
.tribe-common.tribe-tickets {
border-radius: 0px;
border: none;
border-left: 1px solid #e4e4e4;
}
@media screen and (max-width: 1080px) {
.tribe-common.tribe-tickets {
border-radius: 0px;
border: none;
border-left: none;
}
}
.tribe-tickets__attendee__fields__footer_checkout-button.tribe-common-c-btn {
background: #e02b20 !important;
}
.tribe-tickets__attendee__fields__footer_checkout-button.tribe-common-c-btn:hover, .tribe-tickets__buy:hover {
background: red !important;
}
.tribe-block__events-link .tribe-block__btn--link a, .tribe-common button.tribe-common-c-btn-link {
color: #e02b20;
}
.tribe-block__events-link .tribe-block__btn--link a:hover, .tribe-common button.tribe-common-c-btn-link:hover {
color: red;
}
.tribe-block__events-link .tribe-block__btn--link img {
filter: hue-rotate(160deg) brightness(0.9);
}
.generalevent {
list-style: square;
margin-top: 6px;
}
.generalevent li {
margin-left: 20px;
}
.tribe-common .tribe-tickets__buy.tribe-common-c-btn {
background-color: #e02b20;
border-radius: 0;
}
.tribe-common .tribe-tickets__buy.tribe-common-c-btn:disabled {
background-color: #aaaaaa;
border-radius: 0;
}
@media (min-width: 981px) {
.tribe-events-pg-template {
padding: 2% 0 !important;
margin: 0 auto !important;
width: 80% !important;
}
}
@media (max-width: 980px) {
.tribe-events-pg-template {
padding: 30px 0 !important;
margin: 0 auto !important;
width: 80% !important;
}
.tribe-block__events-link .tribe-block__btn--link, .tribe-block__events-link .tribe-block__btn--link a {
width: 100% !important;
}
}
/*---------Instructor Page-------*/
.instructor-row h2:hover {
text-decoration: underline;
}
/*---------Online Edu-------*/
/*style table course catelog - veiw all and course title*/
.course-cat-view-all td {
padding: 0 !important;
border: none;
}
.course-cat-view-all td {
border: none;
}
.is-style-wide {
border-top: 2px #e4e4e4 !important;
}
/*--------- Events -------*/
li.tribe-events-c-top-bar__nav-list-item {
list-style:none;
}
#tribe-tickets h2 {
font-family: 'Roboto Slab',Georgia,"Times New Roman",serif;
font-size: 22px;
font-weight: 700;
}
#tribe-tickets h2, #tribe-tickets .tribe-tickets__item__content__title, .tribe-tickets-quantity {
color: #353535 !important;
}
#tribe-events-pg-template h1.tribe-events-single-event-title {
display: none;
}
/*---------Stop Footer Menu from going 'Hamburger Mode'-------*/
@media only screen and (max-width:1450px) and (min-width:550px) {
.FooterMainMenu .et_mobile_nav_menu {
display:none !important;
}
.FooterMainMenu .et_mobile_nav_menu {
display:none !important;
}
.FooterMainMenu .et_pb_menu__menu {
display:block !important;
margin: 0 auto !important;
}
}
@media only screen and (max-width:549px) and (min-width:0px) {
.FooterMainMenu .et_mobile_nav_menu {
display:none !important;
}
.FooterMainMenu .et_mobile_nav_menu {
display:none !important;
}
.FooterMainMenu .et_pb_menu__menu {
display:block !important;
margin: 0 auto !important;
}
.FooterMainMenu .et_pb_menu__menu li {
width: 100% !important;
}
}
/*--------- Events -------*/
.tribe-events-pg-template {
margin: 0 auto !important;
max-width: 80%!important;
}
.tribe-common .tribe-common-l-container {
max-width: 100%;
}
.tribe-events-c-top-bar__datepicker-time {
display: none;
}
.tribe-common.tribe-tickets {
padding: 0;
}
@media (min-width: 768px) {
.tribe-common.tribe-tickets {
padding: 0 0 0 10px;
}
}
#tribe-tickets__submit {
width: 100%;
margin: 0;
}
.tribe-common.tribe-tickets {
border-radius: 0px;
border: none;
border-left: none !important;
}
.single-tribe_events h2 {
font-size: 1.3125rem;
font-weight: 700;
margin: 0 0 4px;
width: 100%;
color: #353535;
}
/*.single-tribe_events .tribe-events-schedule {
display:none !important;
}*/
.single-tribe_events #et-main-area {
background-image: url(https://www.thewoodworkingshows.com/wp-content/uploads/2020/08/New-Project-2.jpg)!important;
}
.wp-block-column {
box-shadow: 2px 2px 12px rgb(0 0 0 / 8%);
padding: 10px;
background: #fefefe;
border-left: #c1171710 3px solid;
margin-top: 80px;
}
@media (min-width: 600px) {
.wp-block-column {
flex-basis: 100% !important;
margin-top: 40px;
}
.wp-block-column:nth-child(2n) {
margin-left: 0px;
}
}
@media (min-width: 782px) {
.wp-block-column {
box-shadow: 2px 2px 12px rgb(0 0 0 / 8%);
padding: 10px;
background: #fefefe;
border-left: #c1171710 3px solid;
}
.wp-block-column:nth-child(2n) {
margin-left: 40px;
}
form#tribe-tickets {
width: 100% !important;
max-width: 700px;
}
}
/*------- Events Archive ----*/
.tribe-events-pro-photo__event-date-tag {
flex: none;
width: 80px !important;
height: 80px;
margin-right: 12px;
background: whitesmoke;
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,0.12) 100%);
}
.tribe-events-pro .tribe-events-pro-photo__event-date-tag-month {
font-size: 14px !important;
font-weight: bold !important;
color: white !important;
background: #707070;
}
.tribe-events-pro-photo__event-date-tag-daynum {
color: #505050 !important;
margin-top: 5px !important;
}
/*@media (max-width: 1600px) {
.tribe-events-pro-photo__event-date-tag {
display: none;
}
}*/
.tribe-events .tribe-events-c-events-bar__views, .tribe-events-c-small-cta__price {
display: none;
}
.archive .tribe-events-c-ical {
display: none;
}
@media only screen and (min-width: 981px) {
.FooterMainMenu .et_pb_menu__menu {
margin:0 !important;
}
}
@media (max-width: 550px) {
footer .et_pb_text a {
width: 100%;
display: block;
text-align: left;
margin: 0;
padding: 0;
}
}
.woocommerce-terms-and-conditions {
background: rgb(255 255 255);
}
.tribe-common button.tribe-common-c-btn--small {
background: #c11717 !important;
border-radius: 0;
}
.tribe-common button.tribe-common-c-btn--small:hover {
background: red !important;
border-radius: 0;
}
.tribe-common button[Name="cart-button"].tribe-common-c-btn--small.tribe-block__tickets__item__attendee__fields__footer_submit {
background: #fff !important;
border-radius: 0;
}
/*reverse order on custom shop pages */
@media only screen and (max-width: 980px) {
.reverse {
display: flex;
flex-direction: column-reverse;
margin-top: 0px;
}
.et_pb_column {
margin-top: 20px;
}
.et_pb_section {
padding-top: 0px;
}
.invitation {
text-align: center;
padding: 20px;
}
.mobileButton {
width: 100%;
}
}
#hp-events h4 {
}
#hp-events a {
}
@media (max-width: 1290px) {
#hp-events h3 {
font-size: 18px !important;
}
#hp-events h4 {
font-size: 16px !important;
}
#hp-events a {
font-size: 12px !important;
}
}
@media (max-width: 1165px) {
#hp-events h3 {
font-size: 16px !important;
}
#hp-events h4 {
font-size: 14px !important;
}
#hp-events a {
font-size: 12px !important;
}
}
@media (max-width: 1040px) {
#hp-events h3 {
font-size: 14px !important;
}
#hp-events h4 {
font-size: 13px !important;
}
#hp-events a {
font-size: 11px !important;
}
}
@media (max-width: 980px) {
#hp-events h3 {
font-size: 20px !important;
}
#hp-events h4 {
font-size: 18px !important;
}
#hp-events a {
font-size: 14px !important;
}
}
@media (max-width: 410px) {
#hp-events h3 {
font-size: 16px !important;
}
#hp-events h4 {
font-size: 14px !important;
}
#hp-events a {
font-size: 12px !important;
}
}
@media (max-width: 322px) {
#hp-events h3 {
font-size: 14px !important;
}
#hp-events h4 {
font-size: 13px !important;
}
#hp-events a {
font-size: 11px !important;
}
}
#ads .et_pb_slide {
padding-left: 0 !important;
padding-right: 0 !important;
}
#ads .et_pb_slide img {
width: 100%;
}
@media (max-width: 980px) {
#ads .et_pb_slide img {
width: 50%;
}
}
@media (max-width: 680px) {
#ads .et_pb_slide img {
width: 100%;
}
}
.et_pb_pricing_table_wrap {
align-items: normal;
}
#et_top_search {
display: none !important;
}
