<!DOCTYPE html><html lang="en-US" prefix="og: https://ogp.me/ns#"><head> <script>
var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});
</script>
<meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- Search Engine Optimization by Rank Math PRO - https://rankmath.com/ --><meta name="description" content="Ditty WordPress Plugin displays blog posts, images, and more to your site through displays like grid, carousel, ticker, and slider."/><meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/><link rel="canonical" href="https://www.metaphorcreations.com/ditty/" /><meta property="og:locale" content="en_US" /><meta property="og:type" content="article" /><meta property="og:title" content="Ditty Plugin WordPress Slider, Grid, Carousel - Metaphor Creations" /><meta property="og:description" content="Ditty WordPress Plugin displays blog posts, images, and more to your site through displays like grid, carousel, ticker, and slider." /><meta property="og:url" content="https://www.metaphorcreations.com/ditty/" /><meta property="article:publisher" content="https://www.facebook.com/meta4creations/" /><meta property="og:updated_time" content="2024-05-16T05:49:42-05:00" /><meta property="og:image" content="https://www.metaphorcreations.com/wp-content/uploads/2024/05/banner-1544x500-1.png" /><meta property="og:image:secure_url" content="https://www.metaphorcreations.com/wp-content/uploads/2024/05/banner-1544x500-1.png" /><meta property="og:image:width" content="1544" /><meta property="og:image:height" content="500" /><meta property="og:image:alt" content="Ditty" /><meta property="og:image:type" content="image/png" /><meta property="article:published_time" content="2021-10-30T05:48:14-05:00" /><meta property="article:modified_time" content="2024-05-16T05:49:42-05:00" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="Ditty Plugin WordPress Slider, Grid, Carousel - Metaphor Creations" /><meta name="twitter:description" content="Ditty WordPress Plugin displays blog posts, images, and more to your site through displays like grid, carousel, ticker, and slider." /><meta name="twitter:site" content="@meta4creations" /><meta name="twitter:creator" content="@meta4creations" /><meta name="twitter:image" content="https://www.metaphorcreations.com/wp-content/uploads/2024/05/banner-1544x500-1.png" /><meta name="twitter:label1" content="Time to read" /><meta name="twitter:data1" content="2 minutes" /> <script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.metaphorcreations.com/#organization","name":"Metaphor Creations","sameAs":["https://www.facebook.com/meta4creations/","https://twitter.com/meta4creations","https://www.youtube.com/channel/UC0DY_hXZqoJ4Ecpgha11Bpg"],"logo":{"@type":"ImageObject","@id":"https://www.metaphorcreations.com/#logo","url":"https://www.metaphorcreations.com/wp-content/uploads/2022/04/icon-152.png","contentUrl":"https://www.metaphorcreations.com/wp-content/uploads/2022/04/icon-152.png","inLanguage":"en-US","width":"152","height":"152"}},{"@type":"WebSite","@id":"https://www.metaphorcreations.com/#website","url":"https://www.metaphorcreations.com","publisher":{"@id":"https://www.metaphorcreations.com/#organization"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://www.metaphorcreations.com/wp-content/uploads/2024/05/banner-1544x500-1.png","url":"https://www.metaphorcreations.com/wp-content/uploads/2024/05/banner-1544x500-1.png","width":"1544","height":"500","inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https://www.metaphorcreations.com/ditty/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://www.metaphorcreations.com","name":"Home"}},{"@type":"ListItem","position":"2","item":{"@id":"https://www.metaphorcreations.com/ditty/","name":"Ditty"}}]},{"@type":"WebPage","@id":"https://www.metaphorcreations.com/ditty/#webpage","url":"https://www.metaphorcreations.com/ditty/","name":"Ditty Plugin WordPress Slider, Grid, Carousel - Metaphor Creations","datePublished":"2021-10-30T05:48:14-05:00","dateModified":"2024-05-16T05:49:42-05:00","isPartOf":{"@id":"https://www.metaphorcreations.com/#website"},"primaryImageOfPage":{"@id":"https://www.metaphorcreations.com/wp-content/uploads/2024/05/banner-1544x500-1.png"},"inLanguage":"en-US","breadcrumb":{"@id":"https://www.metaphorcreations.com/ditty/#breadcrumb"}},{"@type":"Person","@id":"https://www.metaphorcreations.com/ditty/#author","name":"Joe","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/fdc8992cf58153b63b5fbc7048481d3ac8cf392e0c5fab8fc0b2171bc077a4d3?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/fdc8992cf58153b63b5fbc7048481d3ac8cf392e0c5fab8fc0b2171bc077a4d3?s=96&d=mm&r=g","caption":"Joe","inLanguage":"en-US"},"worksFor":{"@id":"https://www.metaphorcreations.com/#organization"}},{"@type":"Article","headline":"Ditty Plugin WordPress Slider, Grid, Carousel - Metaphor Creations","datePublished":"2021-10-30T05:48:14-05:00","dateModified":"2024-05-16T05:49:42-05:00","author":{"@id":"https://www.metaphorcreations.com/ditty/#author","name":"Joe"},"publisher":{"@id":"https://www.metaphorcreations.com/#organization"},"description":"Ditty WordPress Plugin displays blog posts, images, and more to your site through displays like grid, carousel, ticker, and slider.","name":"Ditty Plugin WordPress Slider, Grid, Carousel - Metaphor Creations","@id":"https://www.metaphorcreations.com/ditty/#richSnippet","isPartOf":{"@id":"https://www.metaphorcreations.com/ditty/#webpage"},"image":{"@id":"https://www.metaphorcreations.com/wp-content/uploads/2024/05/banner-1544x500-1.png"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://www.metaphorcreations.com/ditty/#webpage"}}]}</script> <!-- /Rank Math WordPress SEO plugin --><title>Ditty Plugin WordPress Slider, Grid, Carousel - Metaphor Creations</title><link rel="stylesheet" id="siteground-optimizer-combined-css-93d68ccdc1c7ab046adc432eb5b0a5de" href="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-93d68ccdc1c7ab046adc432eb5b0a5de.css" media="all" /><link rel="preload" href="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-93d68ccdc1c7ab046adc432eb5b0a5de.css" as="style"><link rel='dns-prefetch' href='//js.stripe.com' /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.metaphorcreations.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.2"}};
/*! This file is auto-generated */
!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
</script> <style id="content-control-block-styles"> @media (max-width: 781px) {
.cc-hide-on-mobile {
display: none !important;
}
}
@media (min-width: 782px) and (max-width: 920px) {
.cc-hide-on-tablet {
display: none !important;
}
}
@media (min-width: 921px) and (max-width: 1440px) {
.cc-hide-on-desktop {
display: none !important;
}
} </style> <style id='wp-block-site-logo-inline-css'> .wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px} </style> <style id='wp-block-group-inline-css'> .wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} </style> <style id='wp-block-navigation-link-inline-css'> .wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{border-top:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase}
.is-style-arrow-link .wp-block-navigation-item__label:after {
content: "\2197";
padding-inline-start: 0.25rem;
vertical-align: middle;
text-decoration: none;
display: inline-block;
} </style> <style id='mtphr-theme-svg-element-style-inline-css'> .wp-block-mtphr-theme-svg-element{line-height:0}.wp-block-mtphr-theme-svg-element a{display:inline-block;line-height:0}.wp-block-mtphr-theme-svg-element svg{display:block;line-height:0} </style> <style id='wp-block-paragraph-inline-css'> .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} </style> <style id='metaphorcreations-link-block-style-inline-css'> .wp-block-metaphorcreations-link-block{color:inherit} </style> <style id='wp-block-heading-inline-css'> h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
.is-style-asterisk:before {
content: '';
width: 1.5rem;
height: 3rem;
background: var(--wp--preset--color--contrast-2, currentColor);
clip-path: path('M11.93.684v8.039l5.633-5.633 1.216 1.23-5.66 5.66h8.04v1.737H13.2l5.701 5.701-1.23 1.23-5.742-5.742V21h-1.737v-8.094l-5.77 5.77-1.23-1.217 5.743-5.742H.842V9.98h8.162l-5.701-5.7 1.23-1.231 5.66 5.66V.684h1.737Z');
display: block;
}
/* Hide the asterisk if the heading has no content, to avoid using empty headings to display the asterisk only, which is an A11Y issue */
.is-style-asterisk:empty:before {
content: none;
}
.is-style-asterisk:-moz-only-whitespace:before {
content: none;
}
.is-style-asterisk.has-text-align-center:before {
margin: 0 auto;
}
.is-style-asterisk.has-text-align-right:before {
margin-left: auto;
}
.rtl .is-style-asterisk.has-text-align-left:before {
margin-right: auto;
} </style> <style id='wp-block-button-inline-css'> .wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none} </style> <style id='wp-block-buttons-inline-css'> .wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter{text-align:center} </style> <style id='wp-block-columns-inline-css'> .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} </style> <style id='metaphorcreations-mega-menu-style-inline-css'> .wp-block-metaphorcreations-mega-menu .wp-block-metaphorcreations-mega-menu__toggle{background-color:initial;border:none;color:currentColor;cursor:pointer;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;padding:0;text-align:left;text-transform:inherit}.wp-block-metaphorcreations-mega-menu .wp-block-metaphorcreations-mega-menu__toggle .wp-block-metaphorcreations-mega-menu__toggle-icon{align-self:center;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-metaphorcreations-mega-menu .wp-block-metaphorcreations-mega-menu__toggle .wp-block-metaphorcreations-mega-menu__toggle-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;transition:all .1s linear;width:inherit}.wp-block-metaphorcreations-mega-menu .wp-block-metaphorcreations-mega-menu__toggle[aria-expanded=true] .wp-block-metaphorcreations-mega-menu__toggle-icon svg{transform:rotate(0deg)}.wp-block-metaphorcreations-mega-menu .wp-block-metaphorcreations-mega-menu__toggle[aria-expanded=true]~.wp-block-metaphorcreations-mega-menu__menu-container{opacity:1;overflow:visible;visibility:visible} </style> <style id='metaphorcreations-mega-menu-view-style-inline-css'> .wp-block-metaphorcreations-mega-menu{position:relative}.wp-block-metaphorcreations-mega-menu__menu-container{height:auto;left:0;opacity:0;overflow:hidden;position:absolute;top:100%;transform:translateY(20px);transition:transform .5s ease,opacity .5s ease;visibility:hidden;z-index:999999}.wp-block-metaphorcreations-mega-menu__menu-container.visible{opacity:1;transform:translateY(0)}.wp-block-metaphorcreations-mega-menu__menu-container.active{visibility:visible}.wp-block-metaphorcreations-mega-menu__menu-container.menu-width-content{max-width:100vw;width:var(--wp--style--global--content-size)}.wp-block-metaphorcreations-mega-menu__menu-container.menu-width-wide{max-width:100vw;width:var(--wp--style--global--wide-size)}.wp-block-metaphorcreations-mega-menu__menu-container.menu-width-full{max-width:100vw;width:100vw}.wp-block-metaphorcreations-mega-menu__menu-container .menu-container__close-button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:hsla(0,0%,100%,.729);border:none;border-radius:999999px;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;position:absolute;right:12px;text-align:center;top:12px;transition:opacity .2s ease;z-index:100}.wp-block-metaphorcreations-mega-menu__menu-container .menu-container__close-button:focus,.wp-block-metaphorcreations-mega-menu__menu-container:hover .menu-container__close-button{opacity:1}.wp-block-metaphorcreations-mega-menu__menu-container .is-responsive{display:flex}.wp-block-metaphorcreations-mega-menu__collapsed-link,html.has-modal-open .wp-block-metaphorcreations-mega-menu.disable-menu-when-collapsed:not(.has-collapsed-link){display:none}html.has-modal-open .wp-block-metaphorcreations-mega-menu.disable-menu-when-collapsed .wp-block-metaphorcreations-mega-menu__collapsed-link{display:inherit}html.has-modal-open .wp-block-metaphorcreations-mega-menu.disable-menu-when-collapsed .wp-block-metaphorcreations-mega-menu__menu-container,html.has-modal-open .wp-block-metaphorcreations-mega-menu.disable-menu-when-collapsed .wp-block-metaphorcreations-mega-menu__toggle{display:none}
.metaphorcreations-mega-menu__settings-panel .settings-panel__description{margin-top:24px}.metaphorcreations-mega-menu__settings-panel .components-notice{margin:10px 0 0}.metaphorcreations-mega-menu__settings-panel .components-notice__content{margin-right:0}.metaphorcreations-mega-menu__layout-panel .components-h-stack>.components-base-control{margin-bottom:0} </style> <style id='wp-block-spacer-inline-css'> .wp-block-spacer{clear:both} </style> <style id='wp-block-table-inline-css'> .wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit} </style> <style id='wp-block-post-content-inline-css'> .wp-block-post-content{display:flow-root} </style> <style id='wp-block-site-title-inline-css'> .wp-block-site-title{box-sizing:border-box}.wp-block-site-title :where(a){color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit} </style> <style id='wp-block-library-inline-css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--base: #f9f9f9;--wp--preset--color--base-2: #ffffff;--wp--preset--color--contrast: #111111;--wp--preset--color--contrast-2: #777777;--wp--preset--color--contrast-3: #A4A4A4;--wp--preset--color--accent: #19bf7c;--wp--preset--color--accent-2: #11D6BF;--wp--preset--color--accent-3: #def413;--wp--preset--color--accent-4: #b1c5a4;--wp--preset--color--accent-5: #f9f9f9;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--gradient-1: linear-gradient(to bottom, #cfcabe 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-2: linear-gradient(to bottom, #C2A990 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-3: linear-gradient(to bottom, #D8613C 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-4: linear-gradient(to bottom, #B1C5A4 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-5: linear-gradient(to bottom, #B5BDBC 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-6: linear-gradient(to bottom, #A4A4A4 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-7: linear-gradient(to bottom, #cfcabe 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-8: linear-gradient(to bottom, #C2A990 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-9: linear-gradient(to bottom, #D8613C 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-10: linear-gradient(to bottom, #B1C5A4 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-11: linear-gradient(to bottom, #B5BDBC 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-12: linear-gradient(to bottom, #A4A4A4 50%, #F9F9F9 50%);--wp--preset--font-size--small: 0.9rem;--wp--preset--font-size--medium: 1.05rem;--wp--preset--font-size--large: clamp(1.39rem, 1.39rem + ((1vw - 0.2rem) * 0.793), 1.85rem);--wp--preset--font-size--x-large: clamp(1.85rem, 1.85rem + ((1vw - 0.2rem) * 0.69), 2.25rem);--wp--preset--font-size--medmid: 1.3rem;--wp--preset--font-size--mid: clamp(1.39rem, 1.39rem + ((1vw - 0.2rem) * 0.19), 1.5rem);--wp--preset--font-size--xx-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 1.328), 3.27rem);--wp--preset--font-family--body: Inter, sans-serif;--wp--preset--font-family--bree: Bree;--wp--preset--spacing--20: min(1.5rem, 2vw);--wp--preset--spacing--30: min(2.5rem, 3vw);--wp--preset--spacing--40: min(4rem, 5vw);--wp--preset--spacing--50: min(6.5rem, 8vw);--wp--preset--spacing--60: min(10.5rem, 13vw);--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--spacing--10: 1rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);--wp--custom--prefix: metaphorcreations;}:root { --wp--style--global--content-size: 936px;--wp--style--global--wide-size: 1248px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.2rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.2rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.2rem;}:root :where(.is-layout-grid){gap: 1.2rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base-2);color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--body);font-size: var(--wp--preset--font-size--medium);font-style: normal;font-weight: 400;line-height: 1.55;--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--wp--preset--spacing--50);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--wp--preset--spacing--50);}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--accent);text-decoration: none;}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: none;}h1, h2, h3, h4, h5, h6{color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--body);font-style: normal;font-weight: 600;line-height: 1.2;}h1{font-size: var(--wp--preset--font-size--xx-large);line-height: 1.15;}h2{font-size: var(--wp--preset--font-size--x-large);}h3{font-size: var(--wp--preset--font-size--mid);}h4{font-size: var(--wp--preset--font-size--medmid);}h5{font-size: var(--wp--preset--font-size--medium);}h6{font-size: var(--wp--preset--font-size--small);}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--accent);border-radius: .33rem;border-color: var(--wp--preset--color--contrast);border-width: 0;color: var(--wp--preset--color--base-2);font-family: inherit;font-size: var(--wp--preset--font-size--small);font-style: normal;font-weight: 500;line-height: inherit;padding-top: 0.6rem;padding-right: 1rem;padding-bottom: 0.6rem;padding-left: 1rem;text-decoration: none;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: var(--wp--preset--color--contrast-2);border-color: var(--wp--preset--color--contrast-2);color: var(--wp--preset--color--base);}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){background-color: var(--wp--preset--color--contrast-2);border-color: var(--wp--preset--color--contrast-2);color: var(--wp--preset--color--base);outline-color: var(--wp--preset--color--contrast);outline-offset: 2px;}:root :where(.wp-element-button:active, .wp-block-button__link:active){background-color: var(--wp--preset--color--contrast);color: var(--wp--preset--color--base);}:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption){color: var(--wp--preset--color--contrast-2);font-family: var(--wp--preset--font-family--body);font-size: 0.8rem;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-accent-2-color{color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-color{color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-color{color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-color{color: var(--wp--preset--color--accent-5) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-accent-2-background-color{background-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-background-color{background-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-background-color{background-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-background-color{background-color: var(--wp--preset--color--accent-5) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-accent-2-border-color{border-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-border-color{border-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-border-color{border-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-border-color{border-color: var(--wp--preset--color--accent-5) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-gradient-1-gradient-background{background: var(--wp--preset--gradient--gradient-1) !important;}.has-gradient-2-gradient-background{background: var(--wp--preset--gradient--gradient-2) !important;}.has-gradient-3-gradient-background{background: var(--wp--preset--gradient--gradient-3) !important;}.has-gradient-4-gradient-background{background: var(--wp--preset--gradient--gradient-4) !important;}.has-gradient-5-gradient-background{background: var(--wp--preset--gradient--gradient-5) !important;}.has-gradient-6-gradient-background{background: var(--wp--preset--gradient--gradient-6) !important;}.has-gradient-7-gradient-background{background: var(--wp--preset--gradient--gradient-7) !important;}.has-gradient-8-gradient-background{background: var(--wp--preset--gradient--gradient-8) !important;}.has-gradient-9-gradient-background{background: var(--wp--preset--gradient--gradient-9) !important;}.has-gradient-10-gradient-background{background: var(--wp--preset--gradient--gradient-10) !important;}.has-gradient-11-gradient-background{background: var(--wp--preset--gradient--gradient-11) !important;}.has-gradient-12-gradient-background{background: var(--wp--preset--gradient--gradient-12) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-medmid-font-size{font-size: var(--wp--preset--font-size--medmid) !important;}.has-mid-font-size{font-size: var(--wp--preset--font-size--mid) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-body-font-family{font-family: var(--wp--preset--font-family--body) !important;}.has-bree-font-family{font-family: var(--wp--preset--font-family--bree) !important;}:where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}
:root :where(.wp-block-button .wp-block-button__link){font-size: var(--wp--preset--font-size--medium);padding-right: var(--wp--preset--spacing--20);padding-left: var(--wp--preset--spacing--20);}
:root :where(.wp-block-columns-is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.wp-block-columns-is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-flow) > *{margin-block-start: var(--wp--preset--spacing--30);margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.wp-block-columns-is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-constrained) > *{margin-block-start: var(--wp--preset--spacing--30);margin-block-end: 0;}:root :where(.wp-block-columns-is-layout-flex){gap: var(--wp--preset--spacing--30);}:root :where(.wp-block-columns-is-layout-grid){gap: var(--wp--preset--spacing--30);}
:root :where(.wp-block-buttons-is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.wp-block-buttons-is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.wp-block-buttons-is-layout-flow) > *{margin-block-start: 0.7rem;margin-block-end: 0;}:root :where(.wp-block-buttons-is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.wp-block-buttons-is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.wp-block-buttons-is-layout-constrained) > *{margin-block-start: 0.7rem;margin-block-end: 0;}:root :where(.wp-block-buttons-is-layout-flex){gap: 0.7rem;}:root :where(.wp-block-buttons-is-layout-grid){gap: 0.7rem;}
:root :where(.wp-block-navigation){font-weight: 400;}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){text-decoration: none;}
:root :where(.wp-block-site-title){font-family: var(--wp--preset--font-family--body);font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.56), 1.2rem);font-style: normal;font-weight: 600;}
:root :where(.wp-block-site-title a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-site-title a:where(:not(.wp-element-button)):hover){text-decoration: none;} </style> <style id='block-style-variation-styles-inline-css'> :root :where(.wp-block-button.is-style-outline--1 .wp-block-button__link){background: transparent none;border-color: currentColor;border-width: 1px;border-style: solid;border-top-color: var(--wp--preset--color--accent);border-top-width: 1px;border-top-style: solid;border-right-color: var(--wp--preset--color--accent);border-right-width: 1px;border-right-style: solid;border-bottom-color: var(--wp--preset--color--accent);border-bottom-width: 1px;border-bottom-style: solid;border-left-color: var(--wp--preset--color--accent);border-left-width: 1px;border-left-style: solid;color: currentColor;font-size: var(--wp--preset--font-size--medium);padding-top: calc(0.6rem - 1px);padding-right: var(--wp--preset--spacing--20);padding-bottom: calc(0.6rem - 1px);padding-left: var(--wp--preset--spacing--20);}
:root :where(.wp-block-button.is-style-outline--2 .wp-block-button__link){background: transparent none;border-color: currentColor;border-width: 1px;border-style: solid;border-top-color: var(--wp--preset--color--accent);border-top-width: 1px;border-top-style: solid;border-right-color: var(--wp--preset--color--accent);border-right-width: 1px;border-right-style: solid;border-bottom-color: var(--wp--preset--color--accent);border-bottom-width: 1px;border-bottom-style: solid;border-left-color: var(--wp--preset--color--accent);border-left-width: 1px;border-left-style: solid;color: currentColor;font-size: var(--wp--preset--font-size--medium);padding-top: calc(0.6rem - 1px);padding-right: var(--wp--preset--spacing--20);padding-bottom: calc(0.6rem - 1px);padding-left: var(--wp--preset--spacing--20);} </style> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
} </style> <style id='core-block-supports-inline-css'> .wp-container-core-group-is-layout-fbcf6490{gap:var(--wp--preset--spacing--20);}.wp-elements-fde9870fabaf5d48825b98b7cc762e3f a:where(:not(.wp-element-button)){color:var(--wp--preset--color--contrast);}.wp-elements-66b2f7e0eabb353c062debdf1d34e7f5 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--base-2);}.wp-elements-4e06bd0960c16963789130b36738d820 h1, .wp-elements-4e06bd0960c16963789130b36738d820 h2, .wp-elements-4e06bd0960c16963789130b36738d820 h3, .wp-elements-4e06bd0960c16963789130b36738d820 h4, .wp-elements-4e06bd0960c16963789130b36738d820 h5, .wp-elements-4e06bd0960c16963789130b36738d820 h6{color:var(--wp--preset--color--base-2);}.wp-elements-4124bd2e0db98b5b019c4a8c824aed75 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--base-2);}.wp-elements-4cfd04131b752c0e5e9c364752450234 a:where(:not(.wp-element-button)){color:#ffffffcc;}.wp-container-core-group-is-layout-49dcc612 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-49dcc612 > * + *{margin-block-start:3px;margin-block-end:0;}.wp-container-content-d8344436{grid-column:span 2;}@container (max-width: 25.5rem ){.wp-container-content-d8344436{grid-column:1/-1;}}.wp-container-core-group-is-layout-37505225{flex-wrap:nowrap;gap:8px;}.wp-container-core-group-is-layout-613a530c > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-613a530c > * + *{margin-block-start:8px;margin-block-end:0;}.wp-container-core-group-is-layout-e088cbc5{flex-wrap:nowrap;gap:10px;}.wp-container-core-group-is-layout-30df16b4{grid-template-columns:repeat(auto-fill, minmax(min(40%, 100%), 1fr));container-type:inline-size;}.wp-elements-a804224ccb15ad5d10023f66088a67ec a:where(:not(.wp-element-button)){color:var(--wp--preset--color--base-2);}.wp-container-core-buttons-is-layout-a89b3969{justify-content:center;}.wp-container-core-column-is-layout-43be9bd7 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-column-is-layout-43be9bd7 > * + *{margin-block-start:var(--wp--preset--spacing--10);margin-block-end:0;}.wp-container-core-columns-is-layout-28232c24{flex-wrap:nowrap;gap:0 0;}.wp-container-core-navigation-is-layout-7ed171cc{gap:0;justify-content:flex-end;}.wp-container-core-group-is-layout-bc8e6f51{justify-content:flex-start;}.wp-container-core-group-is-layout-b585a4aa{justify-content:space-between;}.wp-container-core-group-is-layout-05187355{flex-wrap:nowrap;justify-content:space-between;}.wp-container-core-navigation-is-layout-fe9cc265{flex-direction:column;align-items:flex-start;}.wp-container-core-group-is-layout-a77db08e > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-a77db08e > * + *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-17c695da{flex-wrap:nowrap;gap:var(--wp--preset--spacing--10);}.wp-elements-68d1828b3d606d7b5e520c598837d77c a:where(:not(.wp-element-button)){color:var(--wp--preset--color--contrast);}.wp-container-core-group-is-layout-5c3c14bb{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-28f84493{flex-wrap:nowrap;}.wp-container-core-group-is-layout-64ec6e8c > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:950px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-is-layout-64ec6e8c > .alignwide{max-width:950px;}.wp-container-core-group-is-layout-64ec6e8c .alignfull{max-width:none;}.wp-container-core-group-is-layout-86dba5ee > .alignfull{margin-right:calc(var(--wp--preset--spacing--10) * -1);margin-left:calc(var(--wp--preset--spacing--10) * -1);}.wp-container-core-columns-is-layout-658170e2{flex-wrap:nowrap;gap:2em var(--wp--preset--spacing--30);}.wp-container-core-group-is-layout-f5cbf165 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-f5cbf165 > * + *{margin-block-start:var(--wp--preset--spacing--40);margin-block-end:0;}.wp-elements-2007c0f6864ade3df16d3e7c47187525 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--base-2);}.wp-elements-2007c0f6864ade3df16d3e7c47187525 h2{color:var(--wp--preset--color--base-2);}.wp-elements-2007c0f6864ade3df16d3e7c47187525 h3{color:var(--wp--preset--color--base-2);}.wp-container-core-group-is-layout-52b864f0{gap:0px;flex-direction:column;align-items:center;}.wp-elements-a563223da6a1acd1c09bf705773b61c0 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--accent);}.wp-container-core-column-is-layout-e3d1c41b > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-column-is-layout-e3d1c41b > * + *{margin-block-start:var(--wp--preset--spacing--10);margin-block-end:0;}.wp-elements-3cab805e0e778a937f1df562a948bd9d a:where(:not(.wp-element-button)){color:var(--wp--preset--color--accent);}.wp-elements-292649e367bd2e2d98edf9b510fb95c9 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--accent);}.wp-container-core-columns-is-layout-d0bbbce0{flex-wrap:nowrap;gap:var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);}.wp-elements-c454cf95091ea17d92b7588ad7ad2164 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--accent);}.wp-elements-f4bf6052bc22804dba2334f9a04a5580 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--accent);}.wp-elements-f5aed3b2516ddb6ae3b2370ca6a67e14 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--accent);}.wp-container-core-group-is-layout-796362d6 > .alignfull{margin-right:calc(var(--wp--preset--spacing--50) * -1);margin-left:calc(var(--wp--preset--spacing--50) * -1);}.wp-container-core-group-is-layout-eff0ac72{flex-wrap:nowrap;gap:10px;justify-content:center;}.wp-container-core-columns-is-layout-28b55a6e{flex-wrap:nowrap;}.wp-container-core-group-is-layout-39412042 > .alignfull{margin-right:calc(var(--wp--preset--spacing--50) * -1);margin-left:calc(var(--wp--preset--spacing--50) * -1);}.wp-container-core-group-is-layout-a7caff45{gap:20px;justify-content:center;}.wp-container-core-group-is-layout-91a7aeba > .alignfull{margin-right:calc(var(--wp--preset--spacing--50) * -1);margin-left:calc(var(--wp--preset--spacing--50) * -1);}.wp-container-core-group-is-layout-91a7aeba > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-91a7aeba > * + *{margin-block-start:var(--wp--preset--spacing--30);margin-block-end:0;}.wp-elements-21c773ba58249298d02bea79a988fb00 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--accent);}.wp-elements-53cabe7dd994671d32f8d87664945745 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--contrast-2);}.wp-container-core-group-is-layout-60758a6d{flex-wrap:nowrap;gap:5px;justify-content:center;}.wp-container-core-group-is-layout-06da78f5{flex-wrap:nowrap;gap:10px;justify-content:center;align-items:flex-start;}.wp-container-core-navigation-is-layout-ea0cb840{gap:var(--wp--preset--spacing--10);flex-direction:column;align-items:flex-start;}.wp-container-core-group-is-layout-fe9cc265{flex-direction:column;align-items:flex-start;}.wp-container-core-group-is-layout-ea0cb840{gap:var(--wp--preset--spacing--10);flex-direction:column;align-items:flex-start;}.wp-container-core-group-is-layout-353c4f5a{flex-direction:column;align-items:stretch;}.wp-elements-1e355c695b078cc52115c0600e0ea47c a:where(:not(.wp-element-button)){color:var(--wp--preset--color--contrast);} </style> <style id='wp-block-template-skip-link-inline-css'> .skip-link.screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
background-color: #eee;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} </style> <style id='wpmenucart-icons-inline-css'> @font-face{font-family:WPMenuCart;src:url(https://www.metaphorcreations.com/wp-content/plugins/wp-menu-cart/assets/fonts/WPMenuCart.eot);src:url(https://www.metaphorcreations.com/wp-content/plugins/wp-menu-cart/assets/fonts/WPMenuCart.eot?#iefix) format('embedded-opentype'),url(https://www.metaphorcreations.com/wp-content/plugins/wp-menu-cart/assets/fonts/WPMenuCart.woff2) format('woff2'),url(https://www.metaphorcreations.com/wp-content/plugins/wp-menu-cart/assets/fonts/WPMenuCart.woff) format('woff'),url(https://www.metaphorcreations.com/wp-content/plugins/wp-menu-cart/assets/fonts/WPMenuCart.ttf) format('truetype'),url(https://www.metaphorcreations.com/wp-content/plugins/wp-menu-cart/assets/fonts/WPMenuCart.svg#WPMenuCart) format('svg');font-weight:400;font-style:normal;font-display:swap} </style> <style id='block-visibility-screen-size-styles-inline-css'> /* Large screens (desktops, 992px and up) */
@media ( min-width: 992px ) {
.block-visibility-hide-large-screen {
display: none !important;
}
}
/* Medium screens (tablets, between 768px and 992px) */
@media ( min-width: 768px ) and ( max-width: 991.98px ) {
.block-visibility-hide-medium-screen {
display: none !important;
}
}
/* Small screens (mobile devices, less than 768px) */
@media ( max-width: 767.98px ) {
.block-visibility-hide-small-screen {
display: none !important;
}
} </style> <script defer src="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/mtphr-theme-svg-element-view-script.min.js?ver=7baded9a42c7a44d9fb0" id="mtphr-theme-svg-element-view-script-js" defer data-wp-strategy="defer"></script> <script defer src="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/metaphorcreations-link-block-script.min.js?ver=f8a18118f10df54db7c7" id="metaphorcreations-link-block-script-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/metaphorcreations-mega-menu-view-script.min.js?ver=a5698d18db864e8f3540" id="metaphorcreations-mega-menu-view-script-js" defer data-wp-strategy="defer"></script> <script src="https://www.metaphorcreations.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://www.metaphorcreations.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/metaphorcreations-menu-toggle-script-2.min.js?ver=810dd8f1b4d8d377cbed" id="metaphorcreations-menu-toggle-script-2-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.9.17.1" id="gform_json-js"></script> <script id="gform_gravityforms-js-extra"> var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/www.metaphorcreations.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.metaphorcreations.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"48946d6ed99653a29ce073510ace184a","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}};
var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":0,"iconText":"Select date"}};
var gf_legacy_multi = {"3":""};
var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/www.metaphorcreations.com\/wp-content\/plugins\/gravityforms\/images"}}; </script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.9.17.1" id="gform_gravityforms-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=380b7a5ec0757c78876bc8a59488f2f3" id="gform_gravityforms_utils-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/total-product-support/includes/static/switchery/switchery.min.js?ver=0.8.2" id="switchery-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/total-product-support/includes/static/swipebox/js/jquery.swipebox.min.js?ver=1.5.2" id="swipebox-js"></script> <script id="utils-js-extra"> var userSettings = {"url":"\/","uid":"0","time":"1757332262","secure":"1"}; </script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/utils.min.js?ver=6.8.2" id="utils-js"></script> <script src="https://www.metaphorcreations.com/wp-includes/js/plupload/moxie.min.js?ver=1.3.5.1" id="moxiejs-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/plupload/plupload.min.js?ver=2.1.9" id="plupload-js"></script> <!--[if lt IE 8]> <script defer src="https://www.metaphorcreations.com/wp-includes/js/json2.min.js?ver=2015-05-03" id="json2-js"></script> <![endif]--> <script id="jquery-cookie-js-extra"> var affwp_scripts = {"ajaxurl":"https:\/\/www.metaphorcreations.com\/wp-admin\/admin-ajax.php"}; </script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/affiliate-wp/assets/js/jquery.cookie.min.js?ver=1.4.0" id="jquery-cookie-js"></script> <script id="affwp-tracking-js-extra"> var affwp_debug_vars = {"integrations":{"edd":"Easy Digital Downloads"},"version":"2.29.0","currency":"USD","ref_cookie":"affwp_ref","visit_cookie":"affwp_ref_visit_id","campaign_cookie":"affwp_campaign"}; </script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/affiliate-wp/assets/js/tracking.min.js?ver=2.29.0" id="affwp-tracking-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/metaphorcreations.min.js?ver=1756428759" id="metaphorcreations-js"></script> <script defer src="https://js.stripe.com/v3/?ver=v3" id="sandhills-stripe-js-v3-js"></script><link rel="https://api.w.org/" href="https://www.metaphorcreations.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.metaphorcreations.com/wp-json/wp/v2/pages/41367" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.metaphorcreations.com/xmlrpc.php?rsd" /><link rel='shortlink' href='https://www.metaphorcreations.com/?p=41367' /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.metaphorcreations.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.metaphorcreations.com%2Fditty%2F" /><link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.metaphorcreations.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.metaphorcreations.com%2Fditty%2F&format=xml" /> <script type="text/javascript"> var AFFWP = AFFWP || {};
AFFWP.referral_var = 'ref';
AFFWP.expiration = 3;
AFFWP.debug = 0; AFFWP.referral_credit_last = 0; </script><meta name="generator" content="Easy Digital Downloads v3.5.1" /><link rel="stylesheet" href="https://use.typekit.net/zxk5tyc.css"> <script type="importmap" id="wp-importmap"> {"imports":{"@wordpress\/interactivity":"https:\/\/www.metaphorcreations.com\/wp-includes\/js\/dist\/script-modules\/interactivity\/index.min.js?ver=55aebb6e0a16726baffb"}} </script> <script type="module" src="https://www.metaphorcreations.com/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=61572d447d60c0aa5240" id="@wordpress/block-library/navigation/view-js-module"></script><link rel="modulepreload" href="https://www.metaphorcreations.com/wp-includes/js/dist/script-modules/interactivity/index.min.js?ver=55aebb6e0a16726baffb" id="@wordpress/interactivity-js-modulepreload"><style class='wp-fonts-local'> @font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:fallback;src:url('https://www.metaphorcreations.com/wp-content/themes/metaphorcreations/assets/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuOKfMZ1rib2Bg-4.woff2') format('woff2');}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:fallback;src:url('https://www.metaphorcreations.com/wp-content/themes/metaphorcreations/assets/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZ1rib2Bg-4.woff2') format('woff2');}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:fallback;src:url('https://www.metaphorcreations.com/wp-content/themes/metaphorcreations/assets/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZ1rib2Bg-4.woff2') format('woff2');}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:fallback;src:url('https://www.metaphorcreations.com/wp-content/themes/metaphorcreations/assets/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZ1rib2Bg-4.woff2') format('woff2');}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:fallback;src:url('https://www.metaphorcreations.com/wp-content/themes/metaphorcreations/assets/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZ1rib2Bg-4.woff2') format('woff2');}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:fallback;src:url('https://www.metaphorcreations.com/wp-content/themes/metaphorcreations/assets/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZ1rib2Bg-4.woff2') format('woff2');}
@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:fallback;src:url('https://www.metaphorcreations.com/wp-content/themes/metaphorcreations/assets/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYMZ1rib2Bg-4.woff2') format('woff2');}
@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:fallback;src:url('https://www.metaphorcreations.com/wp-content/themes/metaphorcreations/assets/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfMZ1rib2Bg-4.woff2') format('woff2');}
@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:fallback;src:url('https://www.metaphorcreations.com/wp-content/themes/metaphorcreations/assets/fonts/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyeMZ1rib2Bg-4.woff2') format('woff2');} </style><link rel="icon" href="https://www.metaphorcreations.com/wp-content/uploads/2022/04/cropped-icon-152-32x32.png" sizes="32x32" /><link rel="icon" href="https://www.metaphorcreations.com/wp-content/uploads/2022/04/cropped-icon-152-192x192.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://www.metaphorcreations.com/wp-content/uploads/2022/04/cropped-icon-152-180x180.png" /><meta name="msapplication-TileImage" content="https://www.metaphorcreations.com/wp-content/uploads/2022/04/cropped-icon-152-270x270.png" /></head><body class="wp-singular page-template page-template-page-no-title page page-id-41367 page-parent wp-custom-logo wp-embed-responsive wp-theme-metaphorcreations edd-js-none"> <style>.edd-js-none .edd-has-js, .edd-js .edd-no-js, body.edd-js input.edd-no-js { display: none; }</style> <script>/* <![CDATA[ */(function(){var c = document.body.classList;c.remove('edd-js-none');c.add('edd-js');})();/* ]]> */</script><div class="wp-site-blocks"><header class="wp-block-template-part"><div class="wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" id="navigation" style="padding-top:0px;padding-bottom:0px"><div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-b585a4aa wp-block-group-is-layout-flex"><div class="wp-block-group is-layout-flex wp-container-core-group-is-layout-fbcf6490 wp-block-group-is-layout-flex"><div class="wp-block-site-logo"><a href="https://www.metaphorcreations.com/" class="custom-logo-link" rel="home"><img width="223" height="20" src="https://www.metaphorcreations.com/wp-content/uploads/2024/03/metaphorcreations-logo-400.png" class="custom-logo" alt="Metaphor Creations" decoding="async" srcset="https://www.metaphorcreations.com/wp-content/uploads/2024/03/metaphorcreations-logo-400.png 400w, https://www.metaphorcreations.com/wp-content/uploads/2024/03/metaphorcreations-logo-400-300x27.png 300w, https://www.metaphorcreations.com/wp-content/uploads/2024/03/metaphorcreations-logo-400-200x18.png 200w" sizes="(max-width: 223px) 100vw, 223px" /></a></div></div><div class="wp-block-group is-content-justification-left is-layout-flex wp-container-core-group-is-layout-bc8e6f51 wp-block-group-is-layout-flex"><nav style="font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.216), 1rem);" class="items-justified-right main-menu wp-block-navigation is-horizontal is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-7ed171cc wp-block-navigation-is-layout-flex" aria-label="Main Menu"><ul style="font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.216), 1rem);" class="wp-block-navigation__container items-justified-right main-menu wp-block-navigation"><li style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.216), 1rem);" class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="/blog/"><span class="wp-block-navigation-item__label">Blog</span></a></li><li class="disable-menu-when-collapsed wp-block-metaphorcreations-mega-menu"> <a class="wp-block-navigation-item__content wp-block-metaphorcreations-mega-menu__toggle"> Ditty<span class="wp-block-metaphorcreations-mega-menu__toggle-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12" aria-hidden="true" focusable="false" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></span> </a><div
class="wp-block-metaphorcreations-mega-menu__menu-container menu-width-content"
data-position=center tabindex="-1"
><div class="wp-block-group overflow-hidden has-base-2-background-color has-background is-layout-flow wp-block-group-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28232c24 wp-block-columns-is-layout-flex"><div class="wp-block-column is-vertically-aligned-center has-contrast-color has-text-color has-link-color wp-elements-fde9870fabaf5d48825b98b7cc762e3f is-layout-flow wp-block-column-is-layout-flow" style="padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);flex-basis:66.66%"> <a href="https://www.metaphorcreations.com/wordpress-plugins/ditty-pro/" target="_self" class="wp-block-cover-link wp-elements-66b2f7e0eabb353c062debdf1d34e7f5" rel="noopener"><div class="wp-block-group has-base-2-color has-accent-background-color has-text-color has-background has-link-color is-layout-flow wp-container-core-group-is-layout-613a530c wp-block-group-is-layout-flow" style="border-radius:10px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)"> <a href="https://www.metaphorcreations.com/wordpress-plugins/ditty-pro/" target="_self" class="wp-block-cover-link wp-elements-4e06bd0960c16963789130b36738d820 wp-container-content-d8344436" rel="noopener"><div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-37505225 wp-block-group-is-layout-flex" style="border-radius:13px"><div class="wp-block-mtphr-theme-svg-element is-layout-flex wp-block-svg-element-is-layout-flex"><svg width="30px" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 499.99"><path d="M433.09 0H66.91C29.96 0 0 29.96 0 66.91v366.17c0 36.96 29.96 66.91 66.91 66.91h366.17c36.96 0 66.91-29.96 66.91-66.91V66.91C499.99 29.95 470.03 0 433.08 0ZM247.81 414.14 243.46 389h-2.42c-12.57 19.82-35.78 32.87-62.85 32.87-77.36 0-95.73-61.4-95.73-119.42 0-83.16 41.58-140.69 118.93-140.69 13.54 0 23.2 1.93 31.91 4.83V78.11h66.72v286.21l4.83 49.8H247.8v.02Zm133.97-18.87c-19.34 0-34.81-13.54-34.81-35.78 0-24.17 13.54-37.23 34.33-37.23s36.26 12.57 36.26 35.78c0 24.66-14.98 37.23-35.78 37.23Zm0-108.77c-19.34 0-34.81-13.54-34.81-35.78 0-24.17 13.54-37.23 34.33-37.23s36.26 12.57 36.26 35.78c0 24.66-14.98 37.23-35.78 37.23Zm0-108.77c-19.34 0-34.81-13.54-34.81-35.78 0-24.17 13.54-37.23 34.33-37.23s36.26 12.57 36.26 35.78c0 24.66-14.98 37.23-35.78 37.23Z" style="fill:#fff"/><path d="M149.66 296.17c0 41.09 9.18 76.39 43.03 76.39 24.66 0 40.61-18.37 40.61-34.33V216.4c-6.77-3.39-16.92-6.29-29.01-6.29-42.06 0-54.63 42.06-54.63 86.06Z" style="fill:#fff"/></svg></div><div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-49dcc612 wp-block-group-is-layout-flow"><p class="has-base-2-color has-text-color has-link-color has-small-font-size wp-elements-4124bd2e0db98b5b019c4a8c824aed75" style="line-height:1.2"><strong>Ditty Pro</strong>: Add advanced displays and features to your Ditty.</p><p class="has-text-color has-link-color wp-elements-4cfd04131b752c0e5e9c364752450234" style="color:#ffffffcc;font-size:0.7rem;line-height:1.2">* Ditty Pro is included for free with a valid license of any product below!</p></div></div></a></div></a><div class="wp-block-group is-layout-grid wp-container-core-group-is-layout-30df16b4 wp-block-group-is-layout-grid" style="padding-right:0;padding-bottom:0;padding-left:0"> <a class="align wp-block-metaphorcreations-link-block" href="https://metaphorcreations.com/wordpress-plugins/ditty-posts/" title="Ditty Posts"><div class="acf-innerblocks-container"><div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-e088cbc5 wp-block-group-is-layout-flex"><div class="mtphr-icon mtphr-icon--small" style="background:#22759C;color:#FFF;"><i class="fa-brands fa-wordpress-simple"></i></div><p>Ditty Posts</p></div></div> </a> <a class="align wp-block-metaphorcreations-link-block" href="https://metaphorcreations.com/wordpress-plugins/ditty-rss/" title="Ditty RSS"><div class="acf-innerblocks-container"><div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-e088cbc5 wp-block-group-is-layout-flex"><div class="mtphr-icon mtphr-icon--small" style="background:#EB6221;color:#FFF;"><i class="fa-solid fa-rss"></i></div><p>Ditty RSS</p></div></div> </a> <a class="align wp-block-metaphorcreations-link-block" href="https://metaphorcreations.com/wordpress-plugins/ditty-instagram/" title="Ditty Instagram"><div class="acf-innerblocks-container"><div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-e088cbc5 wp-block-group-is-layout-flex"><div class="mtphr-icon mtphr-icon--small" style="background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);color:#FFF;"><i class="fa-brands fa-instagram"></i></div><p>Ditty Instagram</p></div></div> </a> <a class="align wp-block-metaphorcreations-link-block" href="https://metaphorcreations.com/wordpress-plugins/ditty-facebook/" title="Ditty Facebook"><div class="acf-innerblocks-container"><div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-e088cbc5 wp-block-group-is-layout-flex"><div class="mtphr-icon mtphr-icon--small" style="background:#4267B2;color:#FFF;"><i class="fa-brands fa-facebook-f"></i></div><p>Ditty Facebook</p></div></div> </a> <a class="align wp-block-metaphorcreations-link-block" href="https://metaphorcreations.com/wordpress-plugins/ditty-images/" title="Ditty Images"><div class="acf-innerblocks-container"><div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-e088cbc5 wp-block-group-is-layout-flex"><div class="mtphr-icon mtphr-icon--small" style="background:#1ABF7D;color:#FFF;"><i class="fa-regular fa-image"></i></div><p>Ditty Images</p></div></div> </a> <a class="align wp-block-metaphorcreations-link-block" href="https://metaphorcreations.com/wordpress-plugins/ditty-xml/" title="Ditty XML"><div class="acf-innerblocks-container"><div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-e088cbc5 wp-block-group-is-layout-flex"><div class="mtphr-icon mtphr-icon--small" style="background:#1ABF7D;color:#FFF;font-size:1.2rem;"><i class="fa-regular fa-code"></i></div><p>Ditty XML</p></div></div> </a></div></div><div class="wp-block-column is-vertically-aligned-stretch has-base-2-color has-text-color has-background has-link-color wp-elements-a804224ccb15ad5d10023f66088a67ec is-layout-flow wp-container-core-column-is-layout-43be9bd7 wp-block-column-is-layout-flow" style="background:linear-gradient(135deg,rgb(25,191,124) 0%,rgb(222,244,19) 100%);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);flex-basis:33.33%"><h3 class="wp-block-heading has-text-align-center has-bree-font-family has-large-font-size"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-base-2-color">ditty</mark>everything</h3><p class="has-text-align-center" style="font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.129), 0.95rem);">Get access to Ditty Pro and all Ditty extensions with a single license.</p><div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex"><div class="wp-block-button is-style-outline is-style-outline--1"><a class="wp-block-button__link has-border-color wp-element-button" href="https://www.metaphorcreations.com/ditty/pricing/" style="border-color:#ffffff;border-radius:50px">View Pricing</a></div></div><p class="has-text-align-center has-small-font-size" style="margin-top:var(--wp--preset--spacing--10)"><a href="https://www.metaphorcreations.com/ditty/downloads/">Downloads</a></p></div></div></div></div></li><li style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.216), 1rem);" class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/email-customizer/"><span class="wp-block-navigation-item__label">Email Customizer</span></a></li><li data-wp-context="{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu", "modal": null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on-async--mouseenter="actions.openMenuOnHover" data-wp-on-async--mouseleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.216), 1rem);" class="wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="#"><span class="wp-block-navigation-item__label">Support</span></a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on-async--click="actions.toggleMenuOnClick" aria-label="Support submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on-async--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.216), 1rem);" class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/documentation/"><span class="wp-block-navigation-item__label">Documentation</span></a></li><li style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.216), 1rem);" class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/contact/"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul></li><li style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.216), 1rem);" class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/customer-dashboard/"><span class="wp-block-navigation-item__label">Login</span></a></li></ul><ul style="font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.216), 1rem);" class="wp-block-navigation__container items-justified-right main-menu wp-block-navigation"><ul><li class=" wpmenucartli wpmenucart-display-standard wp-block-navigation-item wp-block-navigation-link" id="wpmenucartli"><a class="wpmenucart-contents empty-wpmenucart-visible" href="https://www.metaphorcreations.com" title="Start shopping"><i class="wpmenucart-icon-shopping-cart-0" role="img" aria-label="Cart"></i><span class="cartcontents">0 items</span></a></li></ul></ul></nav></div></div></div><div id="mobile-navigation" class="wp-block-group is-layout-flow wp-container-core-group-is-layout-a77db08e wp-block-group-is-layout-flow"><div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group alignwide is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-05187355 wp-block-group-is-layout-flex" style="padding-right:0;padding-left:var(--wp--preset--spacing--40)"><div class="wp-block-group is-layout-flex wp-container-core-group-is-layout-fbcf6490 wp-block-group-is-layout-flex"><div class="wp-block-site-logo"><a href="https://www.metaphorcreations.com/" class="custom-logo-link" rel="home"><img width="223" height="20" src="https://www.metaphorcreations.com/wp-content/uploads/2024/03/metaphorcreations-logo-400.png" class="custom-logo" alt="Metaphor Creations" decoding="async" srcset="https://www.metaphorcreations.com/wp-content/uploads/2024/03/metaphorcreations-logo-400.png 400w, https://www.metaphorcreations.com/wp-content/uploads/2024/03/metaphorcreations-logo-400-300x27.png 300w, https://www.metaphorcreations.com/wp-content/uploads/2024/03/metaphorcreations-logo-400-200x18.png 200w" sizes="(max-width: 223px) 100vw, 223px" /></a></div></div><div class="align wp-block-metaphorcreations-menu-toggle"> <button class="hamburger hamburger--spin" tabindex="0" aria-label="Menu" role="button" aria-controls="navigation" aria-expanded="false"><div class="hamburger-box"><div class="hamburger-inner"></div></div> <span class="hamburger-label">Menu</span> </button></div></div></div><div class="wp-block-group alignfull has-base-2-background-color has-background is-layout-flow wp-block-group-is-layout-flow" id="mobile-menu" style="padding-right:0;padding-left:0"><nav class="is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-fe9cc265 wp-block-navigation-is-layout-flex" aria-label="Mobile Menu"><ul class="wp-block-navigation__container is-vertical wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/blog/"><span class="wp-block-navigation-item__label">Blog</span></a></li><li data-wp-context="{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu", "modal": null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-click wp-block-navigation-submenu"><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on-async--click="actions.toggleMenuOnClick" aria-label="Ditty submenu" class="wp-block-navigation-item__content wp-block-navigation-submenu__toggle" ><span class="wp-block-navigation-item__label">Ditty</span></button><span class="wp-block-navigation__submenu-icon"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></span><ul data-wp-on-async--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/ditty-pro/"><span class="wp-block-navigation-item__label">Ditty Pro</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/ditty/extensions/"><span class="wp-block-navigation-item__label">Extensions</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="/ditty/pricing/"><span class="wp-block-navigation-item__label">Pricing</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="/ditty/downloads/"><span class="wp-block-navigation-item__label">Downloads</span></a></li></ul></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/email-customizer/"><span class="wp-block-navigation-item__label">Email Customizer</span></a></li><li data-wp-context="{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu", "modal": null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-click wp-block-navigation-submenu"><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on-async--click="actions.toggleMenuOnClick" aria-label="Support submenu" class="wp-block-navigation-item__content wp-block-navigation-submenu__toggle" ><span class="wp-block-navigation-item__label">Support</span></button><span class="wp-block-navigation__submenu-icon"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></span><ul data-wp-on-async--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/documentation/"><span class="wp-block-navigation-item__label">Documentation</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="/contact/"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul></li><li data-wp-context="{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu", "modal": null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-click wp-block-navigation-submenu"><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on-async--click="actions.toggleMenuOnClick" aria-label="Account submenu" class="wp-block-navigation-item__content wp-block-navigation-submenu__toggle" ><span class="wp-block-navigation-item__label">Account</span></button><span class="wp-block-navigation__submenu-icon"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></span><ul data-wp-on-async--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/customer-dashboard/"><span class="wp-block-navigation-item__label">Customer Dashboard</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="/submit-a-ticket/"><span class="wp-block-navigation-item__label">Submit a Ticket</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="/support-tickets/"><span class="wp-block-navigation-item__label">Support Tickets</span></a></li></ul></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="/customer-dashboard/"><span class="wp-block-navigation-item__label">Login</span></a></li></ul></nav></div></div></header><main class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:0"><div class="entry-content wp-block-post-content has-global-padding is-layout-constrained wp-block-post-content-is-layout-constrained"><div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40)"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-17c695da wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2023/09/ditty-d-green.png" alt="" class="wp-image-48278 lazyload" style="width:50px"/><noscript><img fetchpriority="high" decoding="async" width="500" height="500" src="https://www.metaphorcreations.com/wp-content/uploads/2023/09/ditty-d-green.png" alt="" class="wp-image-48278 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2023/09/ditty-d-green.png 500w, https://www.metaphorcreations.com/wp-content/uploads/2023/09/ditty-d-green-300x300.png 300w, https://www.metaphorcreations.com/wp-content/uploads/2023/09/ditty-d-green-150x150.png 150w, https://www.metaphorcreations.com/wp-content/uploads/2023/09/ditty-d-green-66x66.png 66w, https://www.metaphorcreations.com/wp-content/uploads/2023/09/ditty-d-green-200x200.png 200w, https://www.metaphorcreations.com/wp-content/uploads/2023/09/ditty-d-green-400x400.png 400w, https://www.metaphorcreations.com/wp-content/uploads/2023/09/ditty-d-green-128x128.png 128w, https://www.metaphorcreations.com/wp-content/uploads/2023/09/ditty-d-green-256x256.png 256w" sizes="(max-width: 500px) 100vw, 500px" /></noscript></figure><h2 class="wp-block-heading has-bree-font-family">Ditty</h2></div><p>Adding dynamic content to your site without being tied down to a specific page builder has never been easier! Ditty is the next generation of Ditty News Ticker, taking all the good parts, users suggestions, new ideas and rolling it into a new package. You can still create a sweet news ticker, slider or list just as before… But, with better control and more options. Ditty is WordPress plugins top data display plugin.</p><div class="wp-block-group has-link-color has-x-large-font-size wp-elements-68d1828b3d606d7b5e520c598837d77c is-nowrap is-layout-flex wp-container-core-group-is-layout-5c3c14bb wp-block-group-is-layout-flex" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)"> <i class="fa-brands fa-wordpress-simple"></i><p class="has-mid-font-size"><strong><a href="https://wordpress.org/plugins/ditty-news-ticker/" target="_blank" rel="noopener">40,000+ Active Installations!</a></strong></p></div><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/ditty-news-ticker/" target="_blank" rel="noreferrer noopener">Download for Free!</a></div><div class="wp-block-button is-style-outline is-style-outline--2"><a class="wp-block-button__link wp-element-button" href="/ditty/extensions/">View Extensions</a></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><figure class="wp-block-image size-full"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-examples.png" alt="metaphor-creations-ditty-plugins" class="wp-image-44440 lazyload"/><noscript><img decoding="async" width="999" height="745" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-examples.png" alt="metaphor-creations-ditty-plugins" class="wp-image-44440 lazyload" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-examples.png 999w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-examples-300x224.png 300w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-examples-768x573.png 768w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-examples-200x149.png 200w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-examples-400x298.png 400w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-examples-600x447.png 600w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-examples-800x597.png 800w" sizes="(max-width: 999px) 100vw, 999px" /></noscript></figure></div></div></div><div class="wp-block-group alignwide is-layout-flow wp-container-core-group-is-layout-f5cbf165 wp-block-group-is-layout-flow" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40)"><div class="wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-64ec6e8c wp-block-group-is-layout-constrained"><h2 class="wp-block-heading has-text-align-center has-large-font-size">The Top Display WordPress Plugin</h2><p class="has-text-align-center">Beautifully display anything and everything with Ditty! From news feeds, social media posts, blog articles, podcast feeds, and more, the Ditty plugin does it all. We are the leading data display plugin on the market with over 50,000 active installations and 5-star ratings. Choose from the list, grid, carousel, or slider display for your content, and take advantage of our responsive design to make sure your site looks great on any device.</p></div><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-658170e2 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><h2 class="wp-block-heading has-large-font-size">Ditty Ticker</h2><p>Create a scrolling carousel that grabs your user’s attention. This ticker effect will give your webpage a modern look and feel. You can add your social feed, text, gallery, and more with ease. Custom CSS options allow you to completely control the behavior and look to match your website’s aesthetic. With auto-updates, your ticker will update whenever you post something new!</p></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-86dba5ee wp-block-group-is-layout-constrained" style="border-radius:10px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)"><div class="ditty ditty--pre" data-id="42807" data-uniqid="ditty-68bec326c6c30"></div></div></div></div><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-658170e2 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-86dba5ee wp-block-group-is-layout-constrained" style="border-radius:10px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)"><div class="ditty ditty--pre" data-id="42807" data-uniqid="ditty-68bec326c7672" data-display="42472"></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><h2 class="wp-block-heading has-large-font-size">Ditty Default List (Slider)</h2><p>Create lists and sliders with a multitude of display options. Whether you are looking for a basic slider or want to customize a list of news, events, social media posts, or images, Ditty gives you complete control to add the perfect auto uploading slider to your website. Plus you can use the custom CSS options to make it look exactly how you pictured it.</p></div></div><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-658170e2 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><h2 class="wp-block-heading has-large-font-size">Ditty Grid</h2><p>Finally, a grid display option that gives you creative control! Display your website content in a completely customizable grid. From social media feeds to blog posts and more, the Ditty is the top grid plugin on the market. With auto-updating options and CSS customizations, it’s the only display plugin you need.</p></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-86dba5ee wp-block-group-is-layout-constrained" style="border-radius:10px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)"><div class="ditty ditty--pre" data-id="45387" data-uniqid="ditty-68bec326c7cdc"></div></div></div></div></div><div class="wp-block-group alignfull has-base-2-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-2007c0f6864ade3df16d3e7c47187525 has-global-padding is-layout-constrained wp-container-core-group-is-layout-796362d6 wp-block-group-is-layout-constrained" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"><div class="wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-52b864f0 wp-block-group-is-layout-flex"><h2 class="wp-block-heading has-text-align-center is-style-default">Ditty Features</h2></div><div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-d0bbbce0 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-container-core-column-is-layout-e3d1c41b wp-block-column-is-layout-flow"><div class="wp-block-group has-accent-color has-text-color has-link-color has-large-font-size wp-elements-a563223da6a1acd1c09bf705773b61c0 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><p><i class="fa-light fa-rotate-right"></i></p></div><h3 class="wp-block-heading has-text-align-left is-style-default has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600">Live Updates</h3><p class="has-text-align-left">Ditty will update in the background for users without the need to refresh the browser. Keep your content fresh and engaging.</p></div><div class="wp-block-column is-layout-flow wp-container-core-column-is-layout-e3d1c41b wp-block-column-is-layout-flow"><div class="wp-block-group has-accent-color has-text-color has-link-color has-large-font-size wp-elements-3cab805e0e778a937f1df562a948bd9d has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><p><i class="fa-light fa-edit"></i></p></div><h3 class="wp-block-heading has-text-align-left is-style-default has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600">Live Editing</h3><p class="has-text-align-left">See the changes you make while editing your Ditty as you make them. Add Items, edit Layouts and Displays and see what it looks like before saving.</p></div><div class="wp-block-column is-layout-flow wp-container-core-column-is-layout-e3d1c41b wp-block-column-is-layout-flow"><div class="wp-block-group has-accent-color has-text-color has-link-color has-large-font-size wp-elements-292649e367bd2e2d98edf9b510fb95c9 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><p><i class="fa-light fa-plus-square"></i></p></div><h3 class="wp-block-heading has-text-align-left is-style-default has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600">Global Rendering</h3><p class="has-text-align-left">Easily add your Ditty globally on your site, anywhere, without modifying theme files. Want a ticker scrolling at the top of your site, no problem!</p></div></div><div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-d0bbbce0 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-container-core-column-is-layout-e3d1c41b wp-block-column-is-layout-flow"><div class="wp-block-group has-accent-color has-text-color has-link-color has-large-font-size wp-elements-c454cf95091ea17d92b7588ad7ad2164 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><p><i class="fa-light fa-random"></i></p></div><h3 class="wp-block-heading has-text-align-left is-style-default has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600">Mix & Match Content</h3><p class="has-text-align-left">Combine multiple content feeds or custom content in a single Ditty. Merging custom default Items and feeds from various Ditty extensions together has never been easier.</p></div><div class="wp-block-column is-layout-flow wp-container-core-column-is-layout-e3d1c41b wp-block-column-is-layout-flow"><div class="wp-block-group has-accent-color has-text-color has-link-color has-large-font-size wp-elements-f4bf6052bc22804dba2334f9a04a5580 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><p><i class="fa-light fa-tv"></i></p></div><h3 class="wp-block-heading has-text-align-left is-style-default has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600">Customized Displays</h3><p class="has-text-align-left">Render your Ditty as a custom ticker, list, slider, or other Display through extensions. Customize multiple settings to show your content the way you want.</p></div><div class="wp-block-column is-layout-flow wp-container-core-column-is-layout-e3d1c41b wp-block-column-is-layout-flow"><div class="wp-block-group has-accent-color has-text-color has-link-color has-large-font-size wp-elements-f5aed3b2516ddb6ae3b2370ca6a67e14 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><p><i class="fa-light fa-pencil-ruler"></i></p></div><h3 class="wp-block-heading has-text-align-left is-style-default has-body-font-family has-medium-font-size" style="font-style:normal;font-weight:600">Customized Layouts</h3><p>Take control of the the style of your content. Every Ditty Item type can be customized to reflect the style of your site. Use a pre-made template, or edit and customize to your needs!<a href="https://wordpress.org/plugins/ditty-news-ticker/" target="_blank" rel="noreferrer noopener"></a></p></div></div><div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://wordpress.org/plugins/ditty-news-ticker/" target="_blank" rel="noreferrer noopener">Download for Free!</a></div></div></div><div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><h2 class="wp-block-heading has-text-align-center has-bree-font-family has-xx-large-font-size">ditty<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">everything</mark></h2><h3 class="wp-block-heading has-text-align-center">Get access to all ditty extensions with a single license.</h3><p class="has-text-align-center">Want more out of Ditty? With Ditty Everything you get access to all the Ditty extensions from social media feeds to image galleries and more! Ditty Everything will take your content displays to the next level. With Ditty’s clean interface and customization tools, you’ll never need another display plugin for your website. It is the WordPress plugin that you love, but with more features.</p><figure class="wp-block-image aligncenter size-large is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2-1024x753.png" alt="content-display-plugin" class="wp-image-44477 lazyload" style="width:700px"/><noscript><img decoding="async" width="1024" height="753" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2-1024x753.png" alt="content-display-plugin" class="wp-image-44477 lazyload" style="width:700px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2-1024x753.png 1024w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2-300x221.png 300w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2-768x565.png 768w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2-200x147.png 200w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2-400x294.png 400w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2-600x441.png 600w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2-800x588.png 800w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2-1200x883.png 1200w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/ditty-example-2.png 1338w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></figure><div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"><figure class="wp-block-table is-style-stripes"><table class="has-fixed-layout"><thead><tr><th></th><th>Ditty<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Everything</mark></th><th>Ditty (free version)</th></tr></thead><tbody><tr><th>Display Types</th><td></td><td></td></tr><tr><td>Ticker</td><td>✓</td><td>✓</td></tr><tr><td>List (Slider)</td><td>✓</td><td>✓</td></tr><tr><td>Grid</td><td>✓</td><td></td></tr><tr><th>Item Types</th><td></td><td></td></tr><tr><td>Default</td><td>✓</td><td>✓</td></tr><tr><td>WP Editor</td><td>✓</td><td>✓</td></tr><tr><td>WP Posts Feed (Lite)</td><td>✓</td><td>✓</td></tr><tr><td>WP Posts Feed</td><td>✓</td><td></td></tr><tr><td>WP Post</td><td>✓</td><td></td></tr><tr><td>RSS Feed</td><td>✓</td><td></td></tr><tr><td>Facebook Feed</td><td>✓</td><td></td></tr><tr><td>Facebook Images</td><td>✓</td><td></td></tr><tr><td>Facebook Post</td><td>✓</td><td></td></tr><tr><td>Instagram Feed</td><td>✓</td><td></td></tr><tr><td>XML File</td><td>✓</td><td></td></tr></tbody></table></figure></div><div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div><div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/ditty/pricing/">Buy DittyEverything</a></div></div><div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div><p class="has-text-align-center">Already have a Ditty license and want to upgrade to Ditty Everything at a prorated price?</p><p class="has-text-align-center">Go to your account’s <a href="https://www.metaphorcreations.com/customer-dashboard/license-keys/">License Keys</a> page and select <em>View Upgrades</em>.</p></div><div class="wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-39412042 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"><div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading has-text-align-center has-large-font-size">Seamless Integration with Your Favorite WordPress Builders</h2><p class="has-text-align-center">Our plugins are compatible across all WordPress builders, plus e-commerce and multisite options! With an added shortcode option for each data display plugin, you can display your data with ease.</p></div><div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28b55a6e wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/wordpress-gutenburg.png" alt="wordpress-gutenburg-ditty-slider-plugin" class="wp-image-44374 lazyload" style="width:50px"/><noscript><img decoding="async" width="103" height="103" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/wordpress-gutenburg.png" alt="wordpress-gutenburg-ditty-slider-plugin" class="wp-image-44374 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/wordpress-gutenburg.png 103w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/wordpress-gutenburg-66x66.png 66w" sizes="(max-width: 103px) 100vw, 103px" /></noscript></figure><h2 class="wp-block-heading has-medium-font-size">WordPress</h2></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/elementor-ditty.png" alt="elementor-ditty-slider-plugin" class="wp-image-44373 lazyload" style="width:50px"/><noscript><img decoding="async" width="103" height="103" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/elementor-ditty.png" alt="elementor-ditty-slider-plugin" class="wp-image-44373 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/elementor-ditty.png 103w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/elementor-ditty-66x66.png 66w" sizes="(max-width: 103px) 100vw, 103px" /></noscript></figure><h2 class="wp-block-heading has-medium-font-size">Elementor</h2></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/wpbakery-ditty.png" alt="wpbakery-ditty-slider-plugin" class="wp-image-44376 lazyload" style="width:50px"/><noscript><img decoding="async" width="103" height="103" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/wpbakery-ditty.png" alt="wpbakery-ditty-slider-plugin" class="wp-image-44376 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/wpbakery-ditty.png 103w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/wpbakery-ditty-66x66.png 66w" sizes="(max-width: 103px) 100vw, 103px" /></noscript></figure><h2 class="wp-block-heading has-medium-font-size">WP Bakery</h2></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/Divi-ditty.png" alt="Divi-ditty-slider-plugin" class="wp-image-44382 lazyload" style="width:50px"/><noscript><img decoding="async" width="103" height="103" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/Divi-ditty.png" alt="Divi-ditty-slider-plugin" class="wp-image-44382 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/Divi-ditty.png 103w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/Divi-ditty-66x66.png 66w" sizes="(max-width: 103px) 100vw, 103px" /></noscript></figure><h2 class="wp-block-heading has-medium-font-size">Divi Builder</h2></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/beaver-builder-ditty.png" alt="beaver-builder-ditty-slider-plugin" class="wp-image-44381 lazyload" style="width:50px"/><noscript><img decoding="async" width="103" height="103" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/beaver-builder-ditty.png" alt="beaver-builder-ditty-slider-plugin" class="wp-image-44381 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/beaver-builder-ditty.png 103w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/beaver-builder-ditty-66x66.png 66w" sizes="(max-width: 103px) 100vw, 103px" /></noscript></figure><h2 class="wp-block-heading has-medium-font-size">Beaver Builder</h2></div></div></div><div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28b55a6e wp-block-columns-is-layout-flex" style="padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10)"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/Avada-ditty.png" alt="Avada-ditty-slider-plugin" class="wp-image-44380 lazyload" style="width:50px"/><noscript><img decoding="async" width="103" height="103" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/Avada-ditty.png" alt="Avada-ditty-slider-plugin" class="wp-image-44380 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/Avada-ditty.png 103w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/Avada-ditty-66x66.png 66w" sizes="(max-width: 103px) 100vw, 103px" /></noscript></figure><h2 class="wp-block-heading has-medium-font-size">Avada</h2></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/seedprod-builder-ditty.png" alt="seedprod-builder-ditty-slider-plugin" class="wp-image-44384 lazyload" style="width:50px"/><noscript><img decoding="async" width="103" height="103" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/seedprod-builder-ditty.png" alt="seedprod-builder-ditty-slider-plugin" class="wp-image-44384 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/seedprod-builder-ditty.png 103w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/seedprod-builder-ditty-66x66.png 66w" sizes="(max-width: 103px) 100vw, 103px" /></noscript></figure><h2 class="wp-block-heading has-medium-font-size">Seedprod</h2></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/themify-ditty.png" alt="themify-ditty-slider-plugin" class="wp-image-44378 lazyload" style="width:50px"/><noscript><img decoding="async" width="103" height="103" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/themify-ditty.png" alt="themify-ditty-slider-plugin" class="wp-image-44378 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/themify-ditty.png 103w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/themify-ditty-66x66.png 66w" sizes="(max-width: 103px) 100vw, 103px" /></noscript></figure><h2 class="wp-block-heading has-medium-font-size">Themify</h2></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/visual-composer-ditty.png" alt="visual-composer-ditty-slider-plugin" class="wp-image-44377 lazyload" style="width:50px"/><noscript><img decoding="async" width="103" height="103" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/visual-composer-ditty.png" alt="visual-composer-ditty-slider-plugin" class="wp-image-44377 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/visual-composer-ditty.png 103w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/visual-composer-ditty-66x66.png 66w" sizes="(max-width: 103px) 100vw, 103px" /></noscript></figure><h2 class="wp-block-heading has-medium-font-size">Visual Composer</h2></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full is-resized"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/king-composer-ditty.png" alt="king-composer-ditty-slider-plugin" class="wp-image-44383 lazyload" style="width:50px"/><noscript><img decoding="async" width="103" height="103" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/king-composer-ditty.png" alt="king-composer-ditty-slider-plugin" class="wp-image-44383 lazyload" style="width:50px" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/king-composer-ditty.png 103w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/king-composer-ditty-66x66.png 66w" sizes="(max-width: 103px) 100vw, 103px" /></noscript></figure><h2 class="wp-block-heading has-medium-font-size">King Composer</h2></div></div></div></div><div class="wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-91a7aeba wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"><div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading has-text-align-center has-large-font-size">Plugin Featured Press</h2></div><div class="wp-block-group alignfull is-content-justification-center is-layout-flex wp-container-core-group-is-layout-a7caff45 wp-block-group-is-layout-flex"><figure class="wp-block-image size-full"><a href="https://www.frip.in/news-ticker-wordpress-plugin/" target="_blank" rel="noreferrer noopener"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/fripin.png" alt="ditty-press" class="wp-image-44410 lazyload" style="object-fit:cover"/><noscript><img decoding="async" width="135" height="39" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/fripin.png" alt="ditty-press" class="wp-image-44410 lazyload" style="object-fit:cover"/></noscript></a></figure><figure class="wp-block-image size-full"><a href="https://lanadelkrupnik.medium.com/all-the-best-news-ticker-plugins-for-wordpress-491c3b3ec606" target="_blank" rel="noreferrer noopener"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/medium.png" alt="ditty-press" class="wp-image-44409 lazyload" style="object-fit:cover"/><noscript><img decoding="async" width="175" height="39" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/medium.png" alt="ditty-press" class="wp-image-44409 lazyload" style="object-fit:cover"/></noscript></a></figure><figure class="wp-block-image size-full"><a href="https://www.isitwp.com/best-wordpress-news-plugins/" target="_blank" rel="noreferrer noopener"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/isitwp.png" alt="ditty-press" class="wp-image-44408 lazyload" style="object-fit:cover"/><noscript><img decoding="async" width="110" height="39" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/isitwp.png" alt="ditty-press" class="wp-image-44408 lazyload" style="object-fit:cover"/></noscript></a></figure><figure class="wp-block-image size-full"><a href="https://testerwp.com/best-free-news-ticker-wordpress-plugins/" target="_blank" rel="noreferrer noopener"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/testerwp.png" alt="ditty-press" class="wp-image-44407 lazyload" style="object-fit:cover"/><noscript><img decoding="async" width="133" height="37" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/testerwp.png" alt="ditty-press" class="wp-image-44407 lazyload" style="object-fit:cover" srcset="https://www.metaphorcreations.com/wp-content/uploads/2022/03/testerwp.png 133w, https://www.metaphorcreations.com/wp-content/uploads/2022/03/testerwp-128x37.png 128w" sizes="(max-width: 133px) 100vw, 133px" /></noscript></a></figure><figure class="wp-block-image size-full"><a href="https://www.greengeeks.com/tutorials/create-news-ticker-wordpress/" target="_blank" rel="noreferrer noopener"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/greengeeks.png" alt="ditty-press" class="wp-image-44406 lazyload" style="object-fit:cover"/><noscript><img decoding="async" width="142" height="39" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/greengeeks.png" alt="ditty-press" class="wp-image-44406 lazyload" style="object-fit:cover"/></noscript></a></figure><figure class="wp-block-image size-full"><a href="https://wptablebuilder.com/best-wordpress-news-ticker-plugins/" target="_blank" rel="noreferrer noopener"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/wptablebuilder.png" alt="ditty-press" class="wp-image-44405 lazyload" style="object-fit:cover"/><noscript><img decoding="async" width="175" height="39" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/wptablebuilder.png" alt="ditty-press" class="wp-image-44405 lazyload" style="object-fit:cover"/></noscript></a></figure><figure class="wp-block-image size-full"><a href="https://www.competethemes.com/blog/newsticker-wordpress-plugins/" target="_blank" rel="noreferrer noopener"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/competethemes.png" alt="ditty-press" class="wp-image-44404 lazyload" style="object-fit:cover"/><noscript><img decoding="async" width="175" height="39" src="https://www.metaphorcreations.com/wp-content/uploads/2022/03/competethemes.png" alt="ditty-press" class="wp-image-44404 lazyload" style="object-fit:cover"/></noscript></a></figure></div></div></div></main><footer class="wp-block-template-part"><div class="wp-block-group has-base-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><h3 class="wp-block-heading">Stay connected with Metaphor Creations!</h3> <script> var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); </script><div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework newsletter-signup_wrapper' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_3' ><div id='gf_3' class='gform_anchor' tabindex='-1'></div><div class='gform_heading'><p class='gform_required_legend'>"<span class="gfield_required gfield_required_asterisk">*</span>" indicates required fields</p></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_3' id='gform_3' class='newsletter-signup' action='/ditty/#gf_3' data-formid='3' novalidate><div style="display: none !important;" class="akismet-fields-container gf_invisible" data-prefix="ak_"> <label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label> <input type="hidden" id="ak_js_1" name="ak_js" value="3" /> <script> document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() ); </script></div><div class='gform-body gform_body'><div id='gform_fields_3' class='gform_fields top_label form_sublabel_below description_above validation_below'><div id="field_3_9" class="gfield gfield--type-text gfield--width-quarter field_sublabel_below gfield--no-description field_description_above hidden_label field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_3_9'>First Name</label><div class='ginput_container ginput_container_text'><input name='input_9' id='input_3_9' type='text' value='' class='large' placeholder='First name' aria-invalid="false" /></div></div><div id="field_3_2" class="gfield gfield--type-email gfield--width-five-twelfths gfield_contains_required field_sublabel_below gfield--no-description field_description_above hidden_label field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_3_2'>Email address<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_2' id='input_3_2' type='email' value='' class='large' placeholder='Email address*' aria-required="true" aria-invalid="false" /></div></div><div id="field_3_8" class="gfield gfield--type-html gfield--width-third gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" ><div> <button class="button gform_button gform_button--submit" onclick="document.getElementById('gform_submit_button_3').click();" data-text="Sign Up" data-submit-text="Submitting..."><span>Sign Up</span></button></div></div><div id="field_3_10" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_3_10'>Email</label><div class='gfield_description' id='gfield_description_3_10'>This field is for validation purposes and should be left unchanged.</div><div class='ginput_container'><input name='input_10' id='input_3_10' type='text' value='' autocomplete='new-password'/></div></div></div></div><div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_3' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Sign Up' /> <input type='hidden' name='gform_ajax' value='form_id=3&title=&description=&tabindex=0&theme=gravity-theme&styles={"inputPrimaryColor":"#204ce5"}&hash=15c7accea09866fe3c61c5c6bc462cb2' /> <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_3' value='iframe' /> <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_3' id='gform_theme_3' value='gravity-theme' /> <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_3' id='gform_style_settings_3' value='{"inputPrimaryColor":"#204ce5"}' /> <input type='hidden' class='gform_hidden' name='is_submit_3' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='3' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_3' value='WyJbXSIsIjUyNDJkMjVhODBiMGE4ZDJmZWYxOTkzMzcyODY4NjU2Il0=' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_3' id='gform_target_page_number_3' value='0' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_3' id='gform_source_page_number_3' value='1' /> <input type='hidden' name='gform_field_values' value='' /></div></form></div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_3' id='gform_ajax_frame_3' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script> gform.initializeOnLoaded( function() {gformInitSpinner( 3, 'https://www.metaphorcreations.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_3').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_3');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_3').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_3').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_3').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_3').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_3').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_3').val();gformInitSpinner( 3, 'https://www.metaphorcreations.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [3, current_page]);window['gf_submitting_3'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_3').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_3').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [3]);window['gf_submitting_3'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_3').text());}else{jQuery('#gform_3').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "3", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_3" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_3"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_3" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; gform.core.triggerPostRenderEvents( 3, current_page ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); </script><div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-06da78f5 wp-block-group-is-layout-flex"><div class="wp-block-group has-accent-color has-text-color has-link-color wp-elements-21c773ba58249298d02bea79a988fb00 is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-60758a6d wp-block-group-is-layout-flex"> <i class="fa-regular fa-lock"></i><p class="has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-53cabe7dd994671d32f8d87664945745">Your email address is secure. We will never send you spam. You may unsubscribe at any time.</p></div></div></div><div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex"><p class="wp-block-site-title has-medium-font-size"><a href="https://www.metaphorcreations.com" target="_self" rel="home">Metaphor Creations</a></p><nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-ea0cb840 wp-block-navigation-is-layout-flex" aria-label="About Menu"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/about"><span class="wp-block-navigation-item__label">About</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/blog/"><span class="wp-block-navigation-item__label">Blog</span></a></li></ul></nav></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-ea0cb840 wp-block-group-is-layout-flex"><h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Account & Support</h2><nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-ea0cb840 wp-block-navigation-is-layout-flex" aria-label="Member Links"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/customer-dashboard/"><span class="wp-block-navigation-item__label">Account Login</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/documentation/"><span class="wp-block-navigation-item__label">Documentation</span></a></li></ul><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/affiliate-area/"><span class="wp-block-navigation-item__label">Affiliates</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/contact/"><span class="wp-block-navigation-item__label">Contact Us</span></a></li></ul></nav></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-353c4f5a wp-block-group-is-layout-flex"><h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">WordPress Plugins</h2><div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-ea0cb840 wp-block-group-is-layout-flex"><nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-ea0cb840 wp-block-navigation-is-layout-flex" aria-label="Products"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/gravity-forms-email-customizer/"><span class="wp-block-navigation-item__label">Email Customizer for Gravity Forms</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/ditty-facebook/"><span class="wp-block-navigation-item__label">Ditty Facebook</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/ditty-grid/"><span class="wp-block-navigation-item__label">Ditty Grid</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/ditty-images/"><span class="wp-block-navigation-item__label">Ditty Images</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/ditty-instagram/"><span class="wp-block-navigation-item__label">Ditty Instagram</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/ditty-posts/"><span class="wp-block-navigation-item__label">Ditty Posts</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/ditty-rss/"><span class="wp-block-navigation-item__label">Ditty RSS</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/ditty-timing/"><span class="wp-block-navigation-item__label">Ditty Timing</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/wordpress-plugins/ditty-xml/"><span class="wp-block-navigation-item__label">Ditty XML</span></a></li></ul></nav></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-353c4f5a wp-block-group-is-layout-flex"><h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Social</h2><div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-ea0cb840 wp-block-group-is-layout-flex"><nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-ea0cb840 wp-block-navigation-is-layout-flex" aria-label="Social Links"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.youtube.com/@metaphorcreations" target="_blank" ><span class="wp-block-navigation-item__label">YouTube</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://twitter.com/meta4creations" target="_blank" ><span class="wp-block-navigation-item__label">Twitter/X</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.facebook.com/meta4creations/" target="_blank" ><span class="wp-block-navigation-item__label">Facebook</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.instagram.com/metaphorcreations" target="_blank" ><span class="wp-block-navigation-item__label">Instagram</span></a></li></ul></nav></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-353c4f5a wp-block-group-is-layout-flex"><h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Privacy</h2><div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-ea0cb840 wp-block-group-is-layout-flex"><nav style="font-style:normal;font-weight:400;" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-ea0cb840 wp-block-navigation-is-layout-flex" aria-label="Privacy & Terms"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/privacy-policy/"><span class="wp-block-navigation-item__label">Privacy Policy</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/terms-and-conditions/"><span class="wp-block-navigation-item__label">Terms and Conditions</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/ditty-facebook-privacy-policy/"><span class="wp-block-navigation-item__label">Ditty Facebook Privacy Policy</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.metaphorcreations.com/ditty-instagram-privacy-policy/"><span class="wp-block-navigation-item__label">Ditty Instagram Privacy Policy</span></a></li></ul></nav></div></div></div></div><div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:0"><p class="has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-1e355c695b078cc52115c0600e0ea47c">© Copyright 2024 Metaphor Creations, LLC</p></div></div></footer></div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/metaphorcreations\/*","\/*\\?(.+)","\/checkout\/*"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script src="https://sitesker.vercel.app/embed/sitesker.js" data-site-id="cmfagsks00002lrtijab7pb31" data-site-name="Metaphor Creations"></script> <script type="text/html" id="tmpl-media-frame"><div class="media-frame-title" id="media-frame-title"></div><h2 class="media-frame-menu-heading">Actions</h2> <button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false"> Menu <span class="dashicons dashicons-arrow-down" aria-hidden="true"></span> </button><div class="media-frame-menu"></div><div class="media-frame-tab-panel"><div class="media-frame-router"></div><div class="media-frame-content"></div></div><h2 class="media-frame-actions-heading screen-reader-text"> Selected media actions</h2><div class="media-frame-toolbar"></div><div class="media-frame-uploader"></div> </script> <script type="text/html" id="tmpl-media-modal"><div tabindex="0" class="media-modal wp-core-ui" role="dialog" aria-labelledby="media-frame-title"> <# if ( data.hasCloseButton ) { #> <button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text"> Close dialog </span></span></button> <# } #><div class="media-modal-content" role="document"></div></div><div class="media-modal-backdrop"></div> </script> <script type="text/html" id="tmpl-uploader-window"><div class="uploader-window-content"><div class="uploader-editor-title">Drop files to upload</div></div> </script> <script type="text/html" id="tmpl-uploader-editor"><div class="uploader-editor-content"><div class="uploader-editor-title">Drop files to upload</div></div> </script> <script type="text/html" id="tmpl-uploader-inline"> <# var messageClass = data.message ? 'has-upload-message' : 'no-upload-message'; #> <# if ( data.canClose ) { #> <button class="close dashicons dashicons-no"><span class="screen-reader-text"> Close uploader </span></button> <# } #><div class="uploader-inline-content {{ messageClass }}"> <# if ( data.message ) { #><h2 class="upload-message">{{ data.message }}</h2> <# } #><div class="upload-ui"><h2 class="upload-instructions drop-instructions">Drop files to upload</h2><p class="upload-instructions drop-instructions">or</p> <button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">Select Files</button></div><div class="upload-inline-status"></div><div class="post-upload-ui" id="post-upload-info"><p class="max-upload-size"> Maximum upload file size: 256 MB.</p> <# if ( data.suggestedWidth && data.suggestedHeight ) { #><p class="suggested-dimensions"> Suggested image dimensions: {{data.suggestedWidth}} by {{data.suggestedHeight}} pixels.</p> <# } #></div></div> </script> <script type="text/html" id="tmpl-media-library-view-switcher"> <a href="https://www.metaphorcreations.com/wp-admin/upload.php?mode=list" class="view-list"> <span class="screen-reader-text"> List view </span> </a> <a href="https://www.metaphorcreations.com/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page"> <span class="screen-reader-text"> Grid view </span> </a> </script> <script type="text/html" id="tmpl-uploader-status"><h2>Uploading</h2><div class="media-progress-bar"><div></div></div><div class="upload-details"> <span class="upload-count"> <span class="upload-index"></span> / <span class="upload-total"></span> </span> <span class="upload-detail-separator">–</span> <span class="upload-filename"></span></div><div class="upload-errors"></div> <button type="button" class="button upload-dismiss-errors">Dismiss errors</button> </script> <script type="text/html" id="tmpl-uploader-status-error"> <span class="upload-error-filename word-wrap-break-word">{{{ data.filename }}}</span> <span class="upload-error-message">{{ data.message }}</span> </script> <script type="text/html" id="tmpl-edit-attachment-frame"><div class="edit-media-header"> <button class="left dashicons"<# if ( ! data.hasPrevious ) { #> disabled<# } #>><span class="screen-reader-text">Edit previous media item</span></button> <button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">Edit next media item</span></button> <button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text">Close dialog</span></span></button></div><div class="media-frame-title"></div><div class="media-frame-content"></div> </script> <script type="text/html" id="tmpl-attachment-details-two-column"><div class="attachment-media-view {{ data.orientation }}"><h2 class="screen-reader-text">Attachment Preview</h2><div class="thumbnail thumbnail-{{ data.type }}"> <# if ( data.uploading ) { #><div class="media-progress-bar"><div></div></div> <# } else if ( data.sizes && data.sizes.full ) { #> <img class="details-image" src="{{ data.sizes.full.url }}" draggable="false" alt="" /> <# } else if ( data.sizes && data.sizes.large ) { #> <img class="details-image" src="{{ data.sizes.large.url }}" draggable="false" alt="" /> <# } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #> <img class="details-image icon" src="{{ data.icon }}" draggable="false" alt="" /> <# } #> <# if ( 'audio' === data.type ) { #><div class="wp-media-wrapper wp-audio"> <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none"> <source type="{{ data.mime }}" src="{{ data.url }}" /> </audio></div> <# } else if ( 'video' === data.type ) {
var w_rule = '';
if ( data.width ) {
w_rule = 'width: ' + data.width + 'px;';
} else if ( wp.media.view.settings.contentWidth ) {
w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
}
#><div style="{{ w_rule }}" class="wp-media-wrapper wp-video"><video controls="controls" class="wp-video-shortcode" preload="metadata"
<# if ( data.width ) { #>width="{{ data.width }}"<# } #> <# if ( data.height ) { #>height="{{ data.height }}"<# } #> <# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>> <source type="{{ data.mime }}" src="{{ data.url }}" /></video></div> <# } #><div class="attachment-actions"> <# if ( 'image' === data.type && ! data.uploading && data.sizes && data.can.save ) { #> <button type="button" class="button edit-attachment">Edit Image</button> <# } else if ( 'pdf' === data.subtype && data.sizes ) { #><p>Document Preview</p> <# } #></div></div></div><div class="attachment-info"> <span class="settings-save-status" role="status"> <span class="spinner"></span> <span class="saved">Saved.</span> </span><div class="details"><h2 class="screen-reader-text"> Details</h2><div class="uploaded"><strong>Uploaded on:</strong> {{ data.dateFormatted }}</div><div class="uploaded-by"> <strong>Uploaded by:</strong> <# if ( data.authorLink ) { #> <a href="{{ data.authorLink }}">{{ data.authorName }}</a> <# } else { #> {{ data.authorName }} <# } #></div> <# if ( data.uploadedToTitle ) { #><div class="uploaded-to"> <strong>Uploaded to:</strong> <# if ( data.uploadedToLink ) { #> <a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a> <# } else { #> {{ data.uploadedToTitle }} <# } #></div> <# } #><div class="filename"><strong>File name:</strong> {{ data.filename }}</div><div class="file-type"><strong>File type:</strong> {{ data.mime }}</div><div class="file-size"><strong>File size:</strong> {{ data.filesizeHumanReadable }}</div> <# if ( 'image' === data.type && ! data.uploading ) { #> <# if ( data.width && data.height ) { #><div class="dimensions"><strong>Dimensions:</strong> {{ data.width }} by {{ data.height }} pixels</div> <# } #> <# if ( data.originalImageURL && data.originalImageName ) { #><div class="word-wrap-break-word"> <strong>Original image:</strong> <a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a></div> <# } #> <# } #> <# if ( data.fileLength && data.fileLengthHumanReadable ) { #><div class="file-length"><strong>Length:</strong> <span aria-hidden="true">{{ data.fileLengthHumanReadable }}</span> <span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span></div> <# } #> <# if ( 'audio' === data.type && data.meta.bitrate ) { #><div class="bitrate"> <strong>Bitrate:</strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s <# if ( data.meta.bitrate_mode ) { #> {{ ' ' + data.meta.bitrate_mode.toUpperCase() }} <# } #></div> <# } #> <# if ( data.mediaStates ) { #><div class="media-states"><strong>Used as:</strong> {{ data.mediaStates }}</div> <# } #><div class="compat-meta"> <# if ( data.compat && data.compat.meta ) { #> {{{ data.compat.meta }}} <# } #></div></div><div class="settings"> <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> <span class="setting alt-text has-description" data-setting="alt"> <label for="attachment-details-two-column-alt-text" class="name">Alternative Text</label><textarea id="attachment-details-two-column-alt-text" aria-describedby="alt-text-description" {{ maybeReadOnly }}>{{ data.alt }}</textarea></span><p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <# } #> <span class="setting" data-setting="title"> <label for="attachment-details-two-column-title" class="name">Title</label> <input type="text" id="attachment-details-two-column-title" value="{{ data.title }}" {{ maybeReadOnly }} /> </span> <# if ( 'audio' === data.type ) { #> <span class="setting" data-setting="artist"> <label for="attachment-details-two-column-artist" class="name">Artist</label> <input type="text" id="attachment-details-two-column-artist" value="{{ data.artist || data.meta.artist || '' }}" /> </span> <span class="setting" data-setting="album"> <label for="attachment-details-two-column-album" class="name">Album</label> <input type="text" id="attachment-details-two-column-album" value="{{ data.album || data.meta.album || '' }}" /> </span> <# } #> <span class="setting" data-setting="caption"> <label for="attachment-details-two-column-caption" class="name">Caption</label><textarea id="attachment-details-two-column-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea></span> <span class="setting" data-setting="description"> <label for="attachment-details-two-column-description" class="name">Description</label><textarea id="attachment-details-two-column-description" {{ maybeReadOnly }}>{{ data.description }}</textarea></span> <span class="setting" data-setting="url"> <label for="attachment-details-two-column-copy-link" class="name">File URL:</label> <input type="text" class="attachment-details-copy-link" id="attachment-details-two-column-copy-link" value="{{ data.url }}" readonly /> <span class="copy-to-clipboard-container"> <button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-two-column-copy-link">Copy URL to clipboard</button> <span class="success hidden" aria-hidden="true">Copied!</span> </span> </span><div class="attachment-compat"></div></div><div class="actions"> <# if ( data.link ) { #> <a class="view-attachment" href="{{ data.link }}">View attachment page</a> <# } #> <# if ( data.can.save ) { #> <# if ( data.link ) { #> <span class="links-separator">|</span> <# } #> <a href="{{ data.editLink }}">Edit more details</a> <# } #> <# if ( data.can.save && data.link ) { #> <span class="links-separator">|</span> <a href="{{ data.url }}" download>Download file</a> <# } #> <# if ( ! data.uploading && data.can.remove ) { #> <# if ( data.link || data.can.save ) { #> <span class="links-separator">|</span> <# } #> <button type="button" class="button-link delete-attachment">Delete permanently</button> <# } #></div></div> </script> <script type="text/html" id="tmpl-attachment"><div class="attachment-preview js--select-attachment type-{{ data.type }} subtype-{{ data.subtype }} {{ data.orientation }}"><div class="thumbnail"> <# if ( data.uploading ) { #><div class="media-progress-bar"><div style="width: {{ data.percent }}%"></div></div> <# } else if ( 'image' === data.type && data.size && data.size.url ) { #><div class="centered"> <img src="{{ data.size.url }}" draggable="false" alt="" /></div> <# } else { #><div class="centered"> <# if ( data.image && data.image.src && data.image.src !== data.icon ) { #> <img src="{{ data.image.src }}" class="thumbnail" draggable="false" alt="" /> <# } else if ( data.sizes ) {
if ( data.sizes.medium ) { #> <img src="{{ data.sizes.medium.url }}" class="thumbnail" draggable="false" alt="" /> <# } else { #> <img src="{{ data.sizes.full.url }}" class="thumbnail" draggable="false" alt="" /> <# } #> <# } else { #> <img src="{{ data.icon }}" class="icon" draggable="false" alt="" /> <# } #></div><div class="filename"><div>{{ data.filename }}</div></div> <# } #></div> <# if ( data.buttons.close ) { #> <button type="button" class="button-link attachment-close media-modal-icon"><span class="screen-reader-text"> Remove </span></button> <# } #></div> <# if ( data.buttons.check ) { #> <button type="button" class="check" tabindex="-1"><span class="media-modal-icon"></span><span class="screen-reader-text"> Deselect </span></button> <# } #> <#
var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly';
if ( data.describe ) {
if ( 'image' === data.type ) { #> <input type="text" value="{{ data.caption }}" class="describe" data-setting="caption"
aria-label="Caption"
placeholder="Caption…" {{ maybeReadOnly }} /> <# } else { #> <input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #> aria-label="Video title"
placeholder="Video title…" <# } else if ( 'audio' === data.type ) { #> aria-label="Audio title"
placeholder="Audio title…" <# } else { #> aria-label="Media title"
placeholder="Media title…" <# } #> {{ maybeReadOnly }} /> <# }
} #> </script> <script type="text/html" id="tmpl-attachment-details"><h2> Attachment Details <span class="settings-save-status" role="status"> <span class="spinner"></span> <span class="saved">Saved.</span> </span></h2><div class="attachment-info"> <# if ( 'audio' === data.type ) { #><div class="wp-media-wrapper wp-audio"> <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none"> <source type="{{ data.mime }}" src="{{ data.url }}" /> </audio></div> <# } else if ( 'video' === data.type ) {
var w_rule = '';
if ( data.width ) {
w_rule = 'width: ' + data.width + 'px;';
} else if ( wp.media.view.settings.contentWidth ) {
w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
}
#><div style="{{ w_rule }}" class="wp-media-wrapper wp-video"><video controls="controls" class="wp-video-shortcode" preload="metadata"
<# if ( data.width ) { #>width="{{ data.width }}"<# } #> <# if ( data.height ) { #>height="{{ data.height }}"<# } #> <# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>> <source type="{{ data.mime }}" src="{{ data.url }}" /></video></div> <# } else { #><div class="thumbnail thumbnail-{{ data.type }}"> <# if ( data.uploading ) { #><div class="media-progress-bar"><div></div></div> <# } else if ( 'image' === data.type && data.size && data.size.url ) { #> <img src="{{ data.size.url }}" draggable="false" alt="" /> <# } else { #> <img src="{{ data.icon }}" class="icon" draggable="false" alt="" /> <# } #></div> <# } #><div class="details"><div class="filename">{{ data.filename }}</div><div class="uploaded">{{ data.dateFormatted }}</div><div class="file-size">{{ data.filesizeHumanReadable }}</div> <# if ( 'image' === data.type && ! data.uploading ) { #> <# if ( data.width && data.height ) { #><div class="dimensions"> {{ data.width }} by {{ data.height }} pixels</div> <# } #> <# if ( data.originalImageURL && data.originalImageName ) { #><div class="word-wrap-break-word"> Original image: <a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a></div> <# } #> <# if ( data.can.save && data.sizes ) { #> <a class="edit-attachment" href="{{ data.editLink }}&image-editor" target="_blank">Edit Image</a> <# } #> <# } #> <# if ( data.fileLength && data.fileLengthHumanReadable ) { #><div class="file-length">Length: <span aria-hidden="true">{{ data.fileLengthHumanReadable }}</span> <span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span></div> <# } #> <# if ( data.mediaStates ) { #><div class="media-states"><strong>Used as:</strong> {{ data.mediaStates }}</div> <# } #> <# if ( ! data.uploading && data.can.remove ) { #> <button type="button" class="button-link delete-attachment">Delete permanently</button> <# } #><div class="compat-meta"> <# if ( data.compat && data.compat.meta ) { #> {{{ data.compat.meta }}} <# } #></div></div></div> <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> <span class="setting alt-text has-description" data-setting="alt"> <label for="attachment-details-alt-text" class="name">Alt Text</label><textarea id="attachment-details-alt-text" aria-describedby="alt-text-description" {{ maybeReadOnly }}>{{ data.alt }}</textarea></span><p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <# } #> <span class="setting" data-setting="title"> <label for="attachment-details-title" class="name">Title</label> <input type="text" id="attachment-details-title" value="{{ data.title }}" {{ maybeReadOnly }} /> </span> <# if ( 'audio' === data.type ) { #> <span class="setting" data-setting="artist"> <label for="attachment-details-artist" class="name">Artist</label> <input type="text" id="attachment-details-artist" value="{{ data.artist || data.meta.artist || '' }}" /> </span> <span class="setting" data-setting="album"> <label for="attachment-details-album" class="name">Album</label> <input type="text" id="attachment-details-album" value="{{ data.album || data.meta.album || '' }}" /> </span> <# } #> <span class="setting" data-setting="caption"> <label for="attachment-details-caption" class="name">Caption</label><textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea></span> <span class="setting" data-setting="description"> <label for="attachment-details-description" class="name">Description</label><textarea id="attachment-details-description" {{ maybeReadOnly }}>{{ data.description }}</textarea></span> <span class="setting" data-setting="url"> <label for="attachment-details-copy-link" class="name">File URL:</label> <input type="text" class="attachment-details-copy-link" id="attachment-details-copy-link" value="{{ data.url }}" readonly /><div class="copy-to-clipboard-container"> <button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-copy-link">Copy URL to clipboard</button> <span class="success hidden" aria-hidden="true">Copied!</span></div> </span> </script> <script type="text/html" id="tmpl-media-selection"><div class="selection-info"> <span class="count"></span> <# if ( data.editable ) { #> <button type="button" class="button-link edit-selection">Edit Selection</button> <# } #> <# if ( data.clearable ) { #> <button type="button" class="button-link clear-selection">Clear</button> <# } #></div><div class="selection-view"></div> </script> <script type="text/html" id="tmpl-attachment-display-settings"><h2>Attachment Display Settings</h2> <# if ( 'image' === data.type ) { #> <span class="setting align"> <label for="attachment-display-settings-alignment" class="name">Alignment</label> <select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #> data-user-setting="align" <# } #>><option value="left"> Left</option><option value="center"> Center</option><option value="right"> Right</option><option value="none" selected> None</option> </select> </span> <# } #> <span class="setting"> <label for="attachment-display-settings-link-to" class="name"> <# if ( data.model.canEmbed ) { #> Embed or Link <# } else { #> Link To <# } #> </label> <select id="attachment-display-settings-link-to" class="link-to"
data-setting="link"
<# if ( data.userSettings && ! data.model.canEmbed ) { #> data-user-setting="urlbutton" <# } #>> <# if ( data.model.canEmbed ) { #><option value="embed" selected> Embed Media Player</option><option value="file"> <# } else { #><option value="none" selected> None</option><option value="file"> <# } #> <# if ( data.model.canEmbed ) { #> Link to Media File <# } else { #> Media File <# } #></option><option value="post"> <# if ( data.model.canEmbed ) { #> Link to Attachment Page <# } else { #> Attachment Page <# } #></option> <# if ( 'image' === data.type ) { #><option value="custom"> Custom URL</option> <# } #> </select> </span> <span class="setting"> <label for="attachment-display-settings-link-to-custom" class="name">URL</label> <input type="text" id="attachment-display-settings-link-to-custom" class="link-to-custom" data-setting="linkUrl" /> </span> <# if ( 'undefined' !== typeof data.sizes ) { #> <span class="setting"> <label for="attachment-display-settings-size" class="name">Size</label> <select id="attachment-display-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #>> <#
var size = data.sizes['thumbnail'];
if ( size ) { #><option value="thumbnail" > Thumbnail – {{ size.width }} × {{ size.height }}</option> <# } #> <#
var size = data.sizes['medium'];
if ( size ) { #><option value="medium" > Medium – {{ size.width }} × {{ size.height }}</option> <# } #> <#
var size = data.sizes['large'];
if ( size ) { #><option value="large" > Large – {{ size.width }} × {{ size.height }}</option> <# } #> <#
var size = data.sizes['full'];
if ( size ) { #><option value="full" selected='selected'> Full Size – {{ size.width }} × {{ size.height }}</option> <# } #> </select> </span> <# } #> </script> <script type="text/html" id="tmpl-gallery-settings"><h2>Gallery Settings</h2> <span class="setting"> <label for="gallery-settings-link-to" class="name">Link To</label> <select id="gallery-settings-link-to" class="link-to"
data-setting="link"
<# if ( data.userSettings ) { #> data-user-setting="urlbutton" <# } #>><option value="post" <# if ( ! wp.media.galleryDefaults.link || 'post' === wp.media.galleryDefaults.link ) {
#>selected="selected"<# }
#>>
Attachment Page</option><option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
Media File</option><option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
None</option> </select> </span> <span class="setting"> <label for="gallery-settings-columns" class="name select-label-inline">Columns</label> <select id="gallery-settings-columns" class="columns" name="columns"
data-setting="columns"><option value="1" <#
if ( 1 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
#>>
1</option><option value="2" <#
if ( 2 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
#>>
2</option><option value="3" <#
if ( 3 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
#>>
3</option><option value="4" <#
if ( 4 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
#>>
4</option><option value="5" <#
if ( 5 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
#>>
5</option><option value="6" <#
if ( 6 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
#>>
6</option><option value="7" <#
if ( 7 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
#>>
7</option><option value="8" <#
if ( 8 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
#>>
8</option><option value="9" <#
if ( 9 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
#>>
9</option> </select> </span> <span class="setting"> <input type="checkbox" id="gallery-settings-random-order" data-setting="_orderbyRandom" /> <label for="gallery-settings-random-order" class="checkbox-label-inline">Random Order</label> </span> <span class="setting size"> <label for="gallery-settings-size" class="name">Size</label> <select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #> ><option value="thumbnail"> Thumbnail</option><option value="medium"> Medium</option><option value="large"> Large</option><option value="full"> Full Size</option> </select> </span> </script> <script type="text/html" id="tmpl-playlist-settings"><h2>Playlist Settings</h2> <# var emptyModel = _.isEmpty( data.model ),
isVideo = 'video' === data.controller.get('library').props.get('type'); #> <span class="setting"> <input type="checkbox" id="playlist-settings-show-list" data-setting="tracklist" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <label for="playlist-settings-show-list" class="checkbox-label-inline"> <# if ( isVideo ) { #> Show Video List <# } else { #> Show Tracklist <# } #> </label> </span> <# if ( ! isVideo ) { #> <span class="setting"> <input type="checkbox" id="playlist-settings-show-artist" data-setting="artists" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <label for="playlist-settings-show-artist" class="checkbox-label-inline"> Show Artist Name in Tracklist </label> </span> <# } #> <span class="setting"> <input type="checkbox" id="playlist-settings-show-images" data-setting="images" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <label for="playlist-settings-show-images" class="checkbox-label-inline"> Show Images </label> </span> </script> <script type="text/html" id="tmpl-embed-link-settings"> <span class="setting link-text"> <label for="embed-link-settings-link-text" class="name">Link Text</label> <input type="text" id="embed-link-settings-link-text" class="alignment" data-setting="linkText" /> </span><div class="embed-container" style="display: none;"><div class="embed-preview"></div></div> </script> <script type="text/html" id="tmpl-embed-image-settings"><div class="wp-clearfix"><div class="thumbnail"> <img src="{{ data.model.url }}" draggable="false" alt="" /></div></div> <span class="setting alt-text has-description"> <label for="embed-image-settings-alt-text" class="name">Alternative Text</label><textarea id="embed-image-settings-alt-text" data-setting="alt" aria-describedby="alt-text-description"></textarea></span><p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <span class="setting caption"> <label for="embed-image-settings-caption" class="name">Caption</label><textarea id="embed-image-settings-caption" data-setting="caption"></textarea></span><fieldset class="setting-group"><legend class="name">Align</legend> <span class="setting align"> <span class="button-group button-large" data-setting="align"> <button class="button" value="left"> Left </button> <button class="button" value="center"> Center </button> <button class="button" value="right"> Right </button> <button class="button active" value="none"> None </button> </span> </span></fieldset><fieldset class="setting-group"><legend class="name">Link To</legend> <span class="setting link-to"> <span class="button-group button-large" data-setting="link"> <button class="button" value="file"> Image URL </button> <button class="button" value="custom"> Custom URL </button> <button class="button active" value="none"> None </button> </span> </span> <span class="setting"> <label for="embed-image-settings-link-to-custom" class="name">URL</label> <input type="text" id="embed-image-settings-link-to-custom" class="link-to-custom" data-setting="linkUrl" /> </span></fieldset> </script> <script type="text/html" id="tmpl-image-details"><div class="media-embed"><div class="embed-media-settings"><div class="column-settings"> <span class="setting alt-text has-description"> <label for="image-details-alt-text" class="name">Alternative Text</label><textarea id="image-details-alt-text" data-setting="alt" aria-describedby="alt-text-description">{{ data.model.alt }}</textarea></span><p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <span class="setting caption"> <label for="image-details-caption" class="name">Caption</label><textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea></span><h2>Display Settings</h2><fieldset class="setting-group"><legend class="legend-inline">Align</legend> <span class="setting align"> <span class="button-group button-large" data-setting="align"> <button class="button" value="left"> Left </button> <button class="button" value="center"> Center </button> <button class="button" value="right"> Right </button> <button class="button active" value="none"> None </button> </span> </span></fieldset> <# if ( data.attachment ) { #> <# if ( 'undefined' !== typeof data.attachment.sizes ) { #> <span class="setting size"> <label for="image-details-size" class="name">Size</label> <select id="image-details-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #>> <#
var size = data.sizes['thumbnail'];
if ( size ) { #><option value="thumbnail"> Thumbnail – {{ size.width }} × {{ size.height }}</option> <# } #> <#
var size = data.sizes['medium'];
if ( size ) { #><option value="medium"> Medium – {{ size.width }} × {{ size.height }}</option> <# } #> <#
var size = data.sizes['large'];
if ( size ) { #><option value="large"> Large – {{ size.width }} × {{ size.height }}</option> <# } #> <#
var size = data.sizes['full'];
if ( size ) { #><option value="full"> Full Size – {{ size.width }} × {{ size.height }}</option> <# } #><option value="custom"> Custom Size</option> </select> </span> <# } #><div class="custom-size wp-clearfix<# if ( data.model.size !== 'custom' ) { #> hidden<# } #>"> <span class="custom-size-setting"> <label for="image-details-size-width">Width</label> <input type="number" id="image-details-size-width" aria-describedby="image-size-desc" data-setting="customWidth" step="1" value="{{ data.model.customWidth }}" /> </span> <span class="sep" aria-hidden="true">×</span> <span class="custom-size-setting"> <label for="image-details-size-height">Height</label> <input type="number" id="image-details-size-height" aria-describedby="image-size-desc" data-setting="customHeight" step="1" value="{{ data.model.customHeight }}" /> </span><p id="image-size-desc" class="description">Image size in pixels</p></div> <# } #> <span class="setting link-to"> <label for="image-details-link-to" class="name">Link To</label> <select id="image-details-link-to" data-setting="link"> <# if ( data.attachment ) { #><option value="file"> Media File</option><option value="post"> Attachment Page</option> <# } else { #><option value="file"> Image URL</option> <# } #><option value="custom"> Custom URL</option><option value="none"> None</option> </select> </span> <span class="setting"> <label for="image-details-link-to-custom" class="name">URL</label> <input type="text" id="image-details-link-to-custom" class="link-to-custom" data-setting="linkUrl" /> </span><div class="advanced-section"><h2><button type="button" class="button-link advanced-toggle">Advanced Options</button></h2><div class="advanced-settings hidden"><div class="advanced-image"> <span class="setting title-text"> <label for="image-details-title-attribute" class="name">Image Title Attribute</label> <input type="text" id="image-details-title-attribute" data-setting="title" value="{{ data.model.title }}" /> </span> <span class="setting extra-classes"> <label for="image-details-css-class" class="name">Image CSS Class</label> <input type="text" id="image-details-css-class" data-setting="extraClasses" value="{{ data.model.extraClasses }}" /> </span></div><div class="advanced-link"> <span class="setting link-target"> <input type="checkbox" id="image-details-link-target" data-setting="linkTargetBlank" value="_blank" <# if ( data.model.linkTargetBlank ) { #>checked="checked"<# } #>> <label for="image-details-link-target" class="checkbox-label">Open link in a new tab</label> </span> <span class="setting link-rel"> <label for="image-details-link-rel" class="name">Link Rel</label> <input type="text" id="image-details-link-rel" data-setting="linkRel" value="{{ data.model.linkRel }}" /> </span> <span class="setting link-class-name"> <label for="image-details-link-css-class" class="name">Link CSS Class</label> <input type="text" id="image-details-link-css-class" data-setting="linkClassName" value="{{ data.model.linkClassName }}" /> </span></div></div></div></div><div class="column-image"><div class="image"> <img src="{{ data.model.url }}" draggable="false" alt="" /> <# if ( data.attachment && window.imageEdit ) { #><div class="actions"> <input type="button" class="edit-attachment button" value="Edit Original" /> <input type="button" class="replace-attachment button" value="Replace" /></div> <# } #></div></div></div></div> </script> <script type="text/html" id="tmpl-image-editor"><div id="media-head-{{ data.id }}"></div><div id="image-editor-{{ data.id }}"></div> </script> <script type="text/html" id="tmpl-audio-details"> <# var ext, html5types = {
mp3: wp.media.view.settings.embedMimes.mp3,
ogg: wp.media.view.settings.embedMimes.ogg
}; #><div class="media-embed media-embed-details"><div class="embed-media-settings embed-audio-settings"> <audio style="visibility: hidden"
controls
class="wp-audio-shortcode"
width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}"
preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}"
<#
if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) {
#> autoplay<#
}
if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) {
#> loop<#
}
#> > <# if ( ! _.isEmpty( data.model.src ) ) { #> <source src="{{ data.model.src }}" type="{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.mp3 ) ) { #> <source src="{{ data.model.mp3 }}" type="{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.ogg ) ) { #> <source src="{{ data.model.ogg }}" type="{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.flac ) ) { #> <source src="{{ data.model.flac }}" type="{{ wp.media.view.settings.embedMimes[ 'flac' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.m4a ) ) { #> <source src="{{ data.model.m4a }}" type="{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.wav ) ) { #> <source src="{{ data.model.wav }}" type="{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" /> <# } #> </audio> <# if ( ! _.isEmpty( data.model.src ) ) {
ext = data.model.src.split('.').pop();
if ( html5types[ ext ] ) {
delete html5types[ ext ];
}
#> <span class="setting"> <label for="audio-details-source" class="name">URL</label> <input type="text" id="audio-details-source" readonly data-setting="src" value="{{ data.model.src }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.mp3 ) ) {
if ( ! _.isUndefined( html5types.mp3 ) ) {
delete html5types.mp3;
}
#> <span class="setting"> <label for="audio-details-mp3-source" class="name">MP3</label> <input type="text" id="audio-details-mp3-source" readonly data-setting="mp3" value="{{ data.model.mp3 }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.ogg ) ) {
if ( ! _.isUndefined( html5types.ogg ) ) {
delete html5types.ogg;
}
#> <span class="setting"> <label for="audio-details-ogg-source" class="name">OGG</label> <input type="text" id="audio-details-ogg-source" readonly data-setting="ogg" value="{{ data.model.ogg }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.flac ) ) {
if ( ! _.isUndefined( html5types.flac ) ) {
delete html5types.flac;
}
#> <span class="setting"> <label for="audio-details-flac-source" class="name">FLAC</label> <input type="text" id="audio-details-flac-source" readonly data-setting="flac" value="{{ data.model.flac }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.m4a ) ) {
if ( ! _.isUndefined( html5types.m4a ) ) {
delete html5types.m4a;
}
#> <span class="setting"> <label for="audio-details-m4a-source" class="name">M4A</label> <input type="text" id="audio-details-m4a-source" readonly data-setting="m4a" value="{{ data.model.m4a }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.wav ) ) {
if ( ! _.isUndefined( html5types.wav ) ) {
delete html5types.wav;
}
#> <span class="setting"> <label for="audio-details-wav-source" class="name">WAV</label> <input type="text" id="audio-details-wav-source" readonly data-setting="wav" value="{{ data.model.wav }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( html5types ) ) { #><fieldset class="setting-group"><legend class="name">Add alternate sources for maximum HTML5 playback</legend> <span class="setting"> <span class="button-large"> <# _.each( html5types, function (mime, type) { #> <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button> <# } ) #> </span> </span></fieldset> <# } #><fieldset class="setting-group"><legend class="name">Preload</legend> <span class="setting preload"> <span class="button-group button-large" data-setting="preload"> <button class="button" value="auto">Auto</button> <button class="button" value="metadata">Metadata</button> <button class="button active" value="none">None</button> </span> </span></fieldset> <span class="setting-group"> <span class="setting checkbox-setting autoplay"> <input type="checkbox" id="audio-details-autoplay" data-setting="autoplay" /> <label for="audio-details-autoplay" class="checkbox-label">Autoplay</label> </span> <span class="setting checkbox-setting"> <input type="checkbox" id="audio-details-loop" data-setting="loop" /> <label for="audio-details-loop" class="checkbox-label">Loop</label> </span> </span></div></div> </script> <script type="text/html" id="tmpl-video-details"> <# var ext, html5types = {
mp4: wp.media.view.settings.embedMimes.mp4,
ogv: wp.media.view.settings.embedMimes.ogv,
webm: wp.media.view.settings.embedMimes.webm
}; #><div class="media-embed media-embed-details"><div class="embed-media-settings embed-video-settings"><div class="wp-video-holder"> <#
var w = ! data.model.width || data.model.width > 640 ? 640 : data.model.width,
h = ! data.model.height ? 360 : data.model.height;
if ( data.model.width && w !== data.model.width ) {
h = Math.ceil( ( h * w ) / data.model.width );
}
#> <# var w_rule = '', classes = [],
w, h, settings = wp.media.view.settings,
isYouTube = isVimeo = false;
if ( ! _.isEmpty( data.model.src ) ) {
isYouTube = data.model.src.match(/youtube|youtu\.be/);
isVimeo = -1 !== data.model.src.indexOf('vimeo');
}
if ( settings.contentWidth && data.model.width >= settings.contentWidth ) {
w = settings.contentWidth;
} else {
w = data.model.width;
}
if ( w !== data.model.width ) {
h = Math.ceil( ( data.model.height * w ) / data.model.width );
} else {
h = data.model.height;
}
if ( w ) {
w_rule = 'width: ' + w + 'px; ';
}
if ( isYouTube ) {
classes.push( 'youtube-video' );
}
if ( isVimeo ) {
classes.push( 'vimeo-video' );
}
#><div style="{{ w_rule }}" class="wp-video"><video controls
class="wp-video-shortcode {{ classes.join( ' ' ) }}"
<# if ( w ) { #>width="{{ w }}"<# } #> <# if ( h ) { #>height="{{ h }}"<# } #> <#
if ( ! _.isUndefined( data.model.poster ) && data.model.poster ) {
#> poster="{{ data.model.poster }}"<#
} #> preload ="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}" <#
if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) {
#> autoplay<#
}
if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) {
#> loop<#
}
#> > <# if ( ! _.isEmpty( data.model.src ) ) {
if ( isYouTube ) { #> <source src="{{ data.model.src }}" type="video/youtube" /> <# } else if ( isVimeo ) { #> <source src="{{ data.model.src }}" type="video/vimeo" /> <# } else { #> <source src="{{ data.model.src }}" type="{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" /> <# }
} #> <# if ( data.model.mp4 ) { #> <source src="{{ data.model.mp4 }}" type="{{ settings.embedMimes[ 'mp4' ] }}" /> <# } #> <# if ( data.model.m4v ) { #> <source src="{{ data.model.m4v }}" type="{{ settings.embedMimes[ 'm4v' ] }}" /> <# } #> <# if ( data.model.webm ) { #> <source src="{{ data.model.webm }}" type="{{ settings.embedMimes[ 'webm' ] }}" /> <# } #> <# if ( data.model.ogv ) { #> <source src="{{ data.model.ogv }}" type="{{ settings.embedMimes[ 'ogv' ] }}" /> <# } #> <# if ( data.model.flv ) { #> <source src="{{ data.model.flv }}" type="{{ settings.embedMimes[ 'flv' ] }}" /> <# } #> {{{ data.model.content }}}</video></div> <# if ( ! _.isEmpty( data.model.src ) ) {
ext = data.model.src.split('.').pop();
if ( html5types[ ext ] ) {
delete html5types[ ext ];
}
#> <span class="setting"> <label for="video-details-source" class="name">URL</label> <input type="text" id="video-details-source" readonly data-setting="src" value="{{ data.model.src }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.mp4 ) ) {
if ( ! _.isUndefined( html5types.mp4 ) ) {
delete html5types.mp4;
}
#> <span class="setting"> <label for="video-details-mp4-source" class="name">MP4</label> <input type="text" id="video-details-mp4-source" readonly data-setting="mp4" value="{{ data.model.mp4 }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.m4v ) ) {
if ( ! _.isUndefined( html5types.m4v ) ) {
delete html5types.m4v;
}
#> <span class="setting"> <label for="video-details-m4v-source" class="name">M4V</label> <input type="text" id="video-details-m4v-source" readonly data-setting="m4v" value="{{ data.model.m4v }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.webm ) ) {
if ( ! _.isUndefined( html5types.webm ) ) {
delete html5types.webm;
}
#> <span class="setting"> <label for="video-details-webm-source" class="name">WEBM</label> <input type="text" id="video-details-webm-source" readonly data-setting="webm" value="{{ data.model.webm }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.ogv ) ) {
if ( ! _.isUndefined( html5types.ogv ) ) {
delete html5types.ogv;
}
#> <span class="setting"> <label for="video-details-ogv-source" class="name">OGV</label> <input type="text" id="video-details-ogv-source" readonly data-setting="ogv" value="{{ data.model.ogv }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.flv ) ) {
if ( ! _.isUndefined( html5types.flv ) ) {
delete html5types.flv;
}
#> <span class="setting"> <label for="video-details-flv-source" class="name">FLV</label> <input type="text" id="video-details-flv-source" readonly data-setting="flv" value="{{ data.model.flv }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #></div> <# if ( ! _.isEmpty( html5types ) ) { #><fieldset class="setting-group"><legend class="name">Add alternate sources for maximum HTML5 playback</legend> <span class="setting"> <span class="button-large"> <# _.each( html5types, function (mime, type) { #> <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button> <# } ) #> </span> </span></fieldset> <# } #> <# if ( ! _.isEmpty( data.model.poster ) ) { #> <span class="setting"> <label for="video-details-poster-image" class="name">Poster Image</label> <input type="text" id="video-details-poster-image" readonly data-setting="poster" value="{{ data.model.poster }}" /> <button type="button" class="button-link remove-setting">Remove poster image</button> </span> <# } #><fieldset class="setting-group"><legend class="name">Preload</legend> <span class="setting preload"> <span class="button-group button-large" data-setting="preload"> <button class="button" value="auto">Auto</button> <button class="button" value="metadata">Metadata</button> <button class="button active" value="none">None</button> </span> </span></fieldset> <span class="setting-group"> <span class="setting checkbox-setting autoplay"> <input type="checkbox" id="video-details-autoplay" data-setting="autoplay" /> <label for="video-details-autoplay" class="checkbox-label">Autoplay</label> </span> <span class="setting checkbox-setting"> <input type="checkbox" id="video-details-loop" data-setting="loop" /> <label for="video-details-loop" class="checkbox-label">Loop</label> </span> </span> <span class="setting" data-setting="content"> <#
var content = '';
if ( ! _.isEmpty( data.model.content ) ) {
var tracks = jQuery( data.model.content ).filter( 'track' );
_.each( tracks.toArray(), function( track, index ) {
content += track.outerHTML; #> <label for="video-details-track-{{ index }}" class="name">Tracks (subtitles, captions, descriptions, chapters, or metadata)</label> <input class="content-track" type="text" id="video-details-track-{{ index }}" aria-describedby="video-details-track-desc-{{ index }}" value="{{ track.outerHTML }}" /> <span class="description" id="video-details-track-desc-{{ index }}"> The srclang, label, and kind values can be edited to set the video track language and kind. </span> <button type="button" class="button-link remove-setting remove-track">Remove video track</button><br /> <# } ); #> <# } else { #> <span class="name">Tracks (subtitles, captions, descriptions, chapters, or metadata)</span><br /> <em>There are no associated subtitles.</em> <# } #><textarea class="hidden content-setting">{{ content }}</textarea></span></div></div> </script> <script type="text/html" id="tmpl-editor-gallery"> <# if ( data.attachments.length ) { #><div class="gallery gallery-columns-{{ data.columns }}"> <# _.each( data.attachments, function( attachment, index ) { #><dl class="gallery-item"><dt class="gallery-icon"> <# if ( attachment.thumbnail ) { #> <img src="{{ attachment.thumbnail.url }}" width="{{ attachment.thumbnail.width }}" height="{{ attachment.thumbnail.height }}" alt="{{ attachment.alt }}" /> <# } else { #> <img src="{{ attachment.url }}" alt="{{ attachment.alt }}" /> <# } #></dt> <# if ( attachment.caption ) { #><dd class="wp-caption-text gallery-caption"> {{{ data.verifyHTML( attachment.caption ) }}}</dd> <# } #></dl> <# if ( index % data.columns === data.columns - 1 ) { #> <br style="clear: both;" /> <# } #> <# } ); #></div> <# } else { #><div class="wpview-error"><div class="dashicons dashicons-format-gallery"></div><p>No items found.</p></div> <# } #> </script> <script type="text/html" id="tmpl-crop-content"> <img class="crop-image" src="{{ data.url }}" alt="Image crop area preview. Requires mouse interaction." /><div class="upload-errors"></div> </script> <script type="text/html" id="tmpl-site-icon-preview-crop"> <style> :root{
--site-icon-url: url( "{{ data.url }}" );
} </style><h2>Site Icon Preview</h2><p>As an app icon and a browser icon.</p><div class="site-icon-preview crop"><div class="image-preview-wrap app-icon-preview"> <img id="preview-app-icon" src="{{ data.url }}" class="app-icon-preview" alt="Preview as an app icon" /></div><div class="site-icon-preview-browser"> <svg role="img" aria-hidden="true" fill="none" xmlns="http://www.w3.org/2000/svg" class="browser-buttons"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 20a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm18 0a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm24-6a6 6 0 1 0 0 12 6 6 0 0 0 0-12Z" /></svg><div class="site-icon-preview-tab"><div class="image-preview-wrap browser"> <img id="preview-favicon" src="{{ data.url }}" class="browser-icon-preview" alt="Preview as a browser icon" /></div><div class="site-icon-preview-site-title" aria-hidden="true"><# print( 'Metaphor Creations' ) #></div> <svg role="img" aria-hidden="true" fill="none" xmlns="http://www.w3.org/2000/svg" class="close-button"> <path d="M12 13.0607L15.7123 16.773L16.773 15.7123L13.0607 12L16.773 8.28772L15.7123 7.22706L12 10.9394L8.28771 7.22705L7.22705 8.28771L10.9394 12L7.22706 15.7123L8.28772 16.773L12 13.0607Z" /> </svg></div></div></div></div> </script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script> <script src="https://www.metaphorcreations.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script src="https://www.metaphorcreations.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/dist/a11y.min.js?ver=3156534cc54473497e14" id="wp-a11y-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.9.17.1" id="gform_placeholder-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=21e5a4db1670166692ac5745329bfc80" id="gform_gravityforms_theme_vendors-js"></script> <script id="gform_gravityforms_theme-js-extra"> var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"48946d6ed99653a29ce073510ace184a"},"ajax":{"ajaxurl":"https:\/\/www.metaphorcreations.com\/wp-admin\/admin-ajax.php","ajax_submission_nonce":"b68420a817","i18n":{"step_announcement":"Step %1$s of %2$s, %3$s","unknown_error":"There was an unknown error processing your request. Please try again."}}}},"hmr_dev":"","public_path":"https:\/\/www.metaphorcreations.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/","config_nonce":"5bc40125c9"}; </script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=123af0257f6f333b67adf5d27ef3db93" id="gform_gravityforms_theme-js"></script> <script id="wpmenucart-edd-ajax-js-extra"> var wpmenucart_ajax = {"ajaxurl":"https:\/\/www.metaphorcreations.com\/wp-admin\/admin-ajax.php","nonce":"b71468889c","always_display":"1"}; </script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/wp-menu-cart/assets/js/wpmenucart-edd-ajax.min.js?ver=2.14.12" id="wpmenucart-edd-ajax-js"></script> <script id="wp-block-template-skip-link-js-after"> ( function() {
var skipLinkTarget = document.querySelector( 'main' ),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can't be located.
if ( ! skipLinkTarget ) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector( '.wp-site-blocks' );
// Early exit if the root element was not found.
if ( ! sibling ) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if ( ! skipLinkTargetID ) {
skipLinkTargetID = 'wp--skip-link--target';
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement( 'a' );
skipLink.classList.add( 'skip-link', 'screen-reader-text' );
skipLink.id = 'wp-skip-link';
skipLink.href = '#' + skipLinkTargetID;
skipLink.innerText = 'Skip to content';
// Inject the skip link.
sibling.parentElement.insertBefore( skipLink, sibling );
}() ); </script> <script defer src="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/dittySlider.min.js?ver=296663d3019fac8a4cda" id="dittySlider-js"></script> <script id="page-scroll-to-id-plugin-script-js-extra"> var mPS2id_params = {"instances":{"mPS2id_instance_0":{"selector":"a[href*='#']:not([href='#'])","autoSelectorMenuLinks":"true","excludeSelector":"a[href^='#tab-'], a[href^='#tabs-'], a[data-toggle]:not([data-toggle='tooltip']), a[data-slide], a[data-vc-tabs], a[data-vc-accordion], a.screen-reader-text.skip-link","scrollSpeed":800,"autoScrollSpeed":"true","scrollEasing":"easeInOutQuint","scrollingEasing":"easeOutQuint","forceScrollEasing":"false","pageEndSmoothScroll":"true","stopScrollOnUserAction":"false","autoCorrectScroll":"false","autoCorrectScrollExtend":"false","layout":"vertical","offset":"#quick-links","dummyOffset":"false","highlightSelector":"","clickedClass":"mPS2id-clicked","targetClass":"mPS2id-target","highlightClass":"mPS2id-highlight","forceSingleHighlight":"false","keepHighlightUntilNext":"false","highlightByNextTarget":"false","appendHash":"false","scrollToHash":"true","scrollToHashForAll":"true","scrollToHashDelay":0,"scrollToHashUseElementData":"true","scrollToHashRemoveUrlHash":"false","disablePluginBelow":0,"adminDisplayWidgetsId":"true","adminTinyMCEbuttons":"true","unbindUnrelatedClickEvents":"false","unbindUnrelatedClickEventsSelector":"","normalizeAnchorPointTargets":"false","encodeLinks":"false"}},"total_instances":"1","shortcode_class":"_ps2id"}; </script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/page-scroll-to-id/js/page-scroll-to-id.min.js?ver=1.7.9" id="page-scroll-to-id-plugin-script-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/sg-cachepress/assets/js/lazysizes.min.js?ver=7.7.2" id="siteground-optimizer-lazy-sizes-js-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/jquery/jquery.form.min.js?ver=4.3.0" id="jquery-form-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/plugins/total-product-support/includes/static/jquery-validation-1.15.0/dist/jquery.validate.min.js?ver=1.15.0" id="jquery-validation-js"></script> <script id="total-product-support-js-extra"> var tops_vars = {"ajaxurl":"https:\/\/www.metaphorcreations.com\/wp-admin\/admin-ajax.php","security":"6685c0b277","strings":{"post_reply":"Post Reply","post_reply_and_close":"Post Reply & Close","reply_privately":"Reply Privately","reply_privately_and_close":"Reply Privately & Close","add_note":"Add Note","save_customer_notes":"Save Customer Notes","replied":"replied","replied_privately":"replied privately","added_a_note":"added a note","update_comment":"Update Comment","update_private_comment":"Update Private Comment","mark_as_unread":"Mark as Unread","needs_response":"Needs Response","confirm_delete_comment":"Are you sure you want to delete this comment?","confirm_delete_attachment":"Are you sure you want to delete this attachment?"},"templates":{"comment_attachment":"<span class=\"tops-ticket-comment-attachment\">{{icon}}<a rel=\"comment_{{comment_id}}\" class=\"tops-ticket-attachment-filename tops-swipebox\" href=\"{{url}}\">{{filename}}<\/a><a class=\"tops-ticket-attachment-remove\" href=\"#\" data-comment-id=\"{{comment_id}}\" data-attachment-id=\"{{id}}\"><i class=\"fa fa-minus-circle\" aria-hidden=\"true\"><\/i><\/a><\/span>"}}; </script> <script defer src="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/total-product-support.min.js?ver=1714580766" id="total-product-support-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/shortcode.min.js?ver=6.8.2" id="shortcode-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/backbone.min.js?ver=1.6.0" id="backbone-js"></script> <script id="wp-util-js-extra"> var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; </script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/wp-util.min.js?ver=6.8.2" id="wp-util-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/wp-backbone.min.js?ver=6.8.2" id="wp-backbone-js"></script> <script id="media-models-js-extra"> var _wpMediaModelsL10n = {"settings":{"ajaxurl":"\/wp-admin\/admin-ajax.php","post":{"id":0}}}; </script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/media-models.min.js?ver=6.8.2" id="media-models-js"></script> <script id="wp-plupload-js-extra"> var pluploadL10n = {"queue_limit_exceeded":"You have attempted to queue too many files.","file_exceeds_size_limit":"%s exceeds the maximum upload size for this site.","zero_byte_file":"This file is empty. Please try another.","invalid_filetype":"This file cannot be processed by the web server.","not_an_image":"This file is not an image. Please try another.","image_memory_exceeded":"Memory exceeded. Please try another smaller file.","image_dimensions_exceeded":"This is larger than the maximum size. Please try another.","default_error":"An error occurred in the upload. Please try again later.","missing_upload_url":"There was a configuration error. Please contact the server administrator.","upload_limit_exceeded":"You may only upload 1 file.","http_error":"Unexpected response from the server. The file may have been uploaded successfully. Check in the Media Library or reload the page.","http_error_image":"The server cannot process the image. This can happen if the server is busy or does not have enough resources to complete the task. Uploading a smaller image may help. Suggested maximum size is 2560 pixels.","upload_failed":"Upload failed.","big_upload_failed":"Please try uploading this file with the %1$sbrowser uploader%2$s.","big_upload_queued":"%s exceeds the maximum upload size for the multi-file uploader when used in your browser.","io_error":"IO error.","security_error":"Security error.","file_cancelled":"File canceled.","upload_stopped":"Upload stopped.","dismiss":"Dismiss","crunching":"Crunching\u2026","deleted":"moved to the Trash.","error_uploading":"\u201c%s\u201d has failed to upload.","unsupported_image":"This image cannot be displayed in a web browser. For best results convert it to JPEG before uploading.","noneditable_image":"The web server cannot generate responsive image sizes for this image. Convert it to JPEG or PNG before uploading.","file_url_copied":"The file URL has been copied to your clipboard"};
var _wpPluploadSettings = {"defaults":{"file_data_name":"async-upload","url":"\/wp-admin\/async-upload.php","filters":{"max_file_size":"268435456b","mime_types":[{"extensions":"jpg,jpeg,jpe,gif,png,bmp,tiff,tif,webp,avif,ico,heic,heif,heics,heifs,asf,asx,wmv,wmx,wm,avi,divx,flv,mov,qt,mpeg,mpg,mpe,mp4,m4v,ogv,webm,mkv,3gp,3gpp,3g2,3gp2,txt,asc,c,cc,h,srt,csv,tsv,ics,rtx,css,vtt,dfxp,mp3,m4a,m4b,aac,ra,ram,wav,x-wav,ogg,oga,flac,mid,midi,wma,wax,mka,rtf,pdf,class,tar,zip,gz,gzip,rar,7z,psd,xcf,doc,pot,pps,ppt,wri,xla,xls,xlt,xlw,mdb,mpp,docx,docm,dotx,dotm,xlsx,xlsm,xlsb,xltx,xltm,xlam,pptx,pptm,ppsx,ppsm,potx,potm,ppam,sldx,sldm,onetoc,onetoc2,onetmp,onepkg,oxps,xps,odt,odp,ods,odg,odc,odb,odf,wp,wpd,key,numbers,pages,bz2,svg,tgz,txz,txt,xz,epub,mobi,m4r,aif,aiff,exe,apk,msi,xml,json"}]},"heic_upload_error":true,"multipart_params":{"action":"upload-attachment","_wpnonce":"6d54738e83"}},"browser":{"mobile":false,"supported":true},"limitExceeded":false}; </script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/plupload/wp-plupload.min.js?ver=6.8.2" id="wp-plupload-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3" id="jquery-ui-mouse-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/jquery/ui/sortable.min.js?ver=1.13.3" id="jquery-ui-sortable-js"></script> <script defer id="mediaelement-core-js-before"> var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}}; </script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17" id="mediaelement-core-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.8.2" id="mediaelement-migrate-js"></script> <script id="mediaelement-js-extra"> var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"}; </script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=6.8.2" id="wp-mediaelement-js"></script> <script id="wp-api-request-js-extra"> var wpApiSettings = {"root":"https:\/\/www.metaphorcreations.com\/wp-json\/","nonce":"eb6a920e07","versionString":"wp\/v2\/"}; </script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/api-request.min.js?ver=6.8.2" id="wp-api-request-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/clipboard.min.js?ver=2.0.11" id="clipboard-js"></script> <script id="media-views-js-extra"> var _wpMediaViewsL10n = {"mediaFrameDefaultTitle":"Media","url":"URL","addMedia":"Add media","search":"Search","select":"Select","cancel":"Cancel","update":"Update","replace":"Replace","remove":"Remove","back":"Back","selected":"%d selected","dragInfo":"Drag and drop to reorder media files.","uploadFilesTitle":"Upload files","uploadImagesTitle":"Upload images","mediaLibraryTitle":"Media Library","insertMediaTitle":"Add media","createNewGallery":"Create a new gallery","createNewPlaylist":"Create a new playlist","createNewVideoPlaylist":"Create a new video playlist","returnToLibrary":"\u2190 Go to library","allMediaItems":"All media items","allDates":"All dates","noItemsFound":"No items found.","insertIntoPost":"Insert into post","unattached":"Unattached","mine":"Mine","trash":"Trash","uploadedToThisPost":"Uploaded to this post","warnDelete":"You are about to permanently delete this item from your site.\nThis action cannot be undone.\n 'Cancel' to stop, 'OK' to delete.","warnBulkDelete":"You are about to permanently delete these items from your site.\nThis action cannot be undone.\n 'Cancel' to stop, 'OK' to delete.","warnBulkTrash":"You are about to trash these items.\n 'Cancel' to stop, 'OK' to delete.","bulkSelect":"Bulk select","trashSelected":"Move to Trash","restoreSelected":"Restore from Trash","deletePermanently":"Delete permanently","errorDeleting":"Error in deleting the attachment.","apply":"Apply","filterByDate":"Filter by date","filterByType":"Filter by type","searchLabel":"Search media","searchMediaLabel":"Search media","searchMediaPlaceholder":"Search media items...","mediaFound":"Number of media items found: %d","noMedia":"No media items found.","noMediaTryNewSearch":"No media items found. Try a different search.","attachmentDetails":"Attachment details","insertFromUrlTitle":"Insert from URL","setFeaturedImageTitle":"Featured image","setFeaturedImage":"Set featured image","createGalleryTitle":"Create gallery","editGalleryTitle":"Edit gallery","cancelGalleryTitle":"\u2190 Cancel gallery","insertGallery":"Insert gallery","updateGallery":"Update gallery","addToGallery":"Add to gallery","addToGalleryTitle":"Add to gallery","reverseOrder":"Reverse order","imageDetailsTitle":"Image details","imageReplaceTitle":"Replace image","imageDetailsCancel":"Cancel edit","editImage":"Edit image","chooseImage":"Choose image","selectAndCrop":"Select and crop","skipCropping":"Skip cropping","cropImage":"Crop image","cropYourImage":"Crop your image","cropping":"Cropping\u2026","suggestedDimensions":"Suggested image dimensions: %1$s by %2$s pixels.","cropError":"There has been an error cropping your image.","audioDetailsTitle":"Audio details","audioReplaceTitle":"Replace audio","audioAddSourceTitle":"Add audio source","audioDetailsCancel":"Cancel edit","videoDetailsTitle":"Video details","videoReplaceTitle":"Replace video","videoAddSourceTitle":"Add video source","videoDetailsCancel":"Cancel edit","videoSelectPosterImageTitle":"Select poster image","videoAddTrackTitle":"Add subtitles","playlistDragInfo":"Drag and drop to reorder tracks.","createPlaylistTitle":"Create audio playlist","editPlaylistTitle":"Edit audio playlist","cancelPlaylistTitle":"\u2190 Cancel audio playlist","insertPlaylist":"Insert audio playlist","updatePlaylist":"Update audio playlist","addToPlaylist":"Add to audio playlist","addToPlaylistTitle":"Add to Audio Playlist","videoPlaylistDragInfo":"Drag and drop to reorder videos.","createVideoPlaylistTitle":"Create video playlist","editVideoPlaylistTitle":"Edit video playlist","cancelVideoPlaylistTitle":"\u2190 Cancel video playlist","insertVideoPlaylist":"Insert video playlist","updateVideoPlaylist":"Update video playlist","addToVideoPlaylist":"Add to video playlist","addToVideoPlaylistTitle":"Add to video Playlist","filterAttachments":"Filter media","attachmentsList":"Media list","settings":{"tabs":[],"tabUrl":"https:\/\/www.metaphorcreations.com\/wp-admin\/media-upload.php?chromeless=1","mimeTypes":{"image":"Images","audio":"Audio","video":"Video","application\/msword,application\/vnd.openxmlformats-officedocument.wordprocessingml.document,application\/vnd.ms-word.document.macroEnabled.12,application\/vnd.ms-word.template.macroEnabled.12,application\/vnd.oasis.opendocument.text,application\/vnd.apple.pages,application\/pdf,application\/vnd.ms-xpsdocument,application\/oxps,application\/rtf,application\/wordperfect,application\/octet-stream":"Documents","application\/vnd.apple.numbers,application\/vnd.oasis.opendocument.spreadsheet,application\/vnd.ms-excel,application\/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application\/vnd.ms-excel.sheet.macroEnabled.12,application\/vnd.ms-excel.sheet.binary.macroEnabled.12":"Spreadsheets","application\/x-gzip,application\/rar,application\/x-tar,application\/zip,application\/x-7z-compressed":"Archives"},"captions":true,"nonce":{"sendToEditor":"80f4103931","setAttachmentThumbnail":"399cd593cf"},"post":{"id":0},"defaultProps":{"link":"none","align":"","size":""},"attachmentCounts":{"audio":1,"video":1},"oEmbedProxyUrl":"https:\/\/www.metaphorcreations.com\/wp-json\/oembed\/1.0\/proxy","embedExts":["mp3","ogg","flac","m4a","wav","mp4","m4v","webm","ogv","flv"],"embedMimes":{"mp3":"audio\/mpeg","ogg":"audio\/ogg","flac":"audio\/flac","m4a":"audio\/mpeg","wav":"audio\/wav","mp4":"video\/mp4","m4v":"video\/mp4","webm":"video\/webm","ogv":"video\/ogg","flv":"video\/x-flv"},"contentWidth":null,"months":[{"year":"2025","month":"9","text":"September 2025"},{"year":"2025","month":"8","text":"August 2025"},{"year":"2025","month":"6","text":"June 2025"},{"year":"2025","month":"5","text":"May 2025"},{"year":"2025","month":"4","text":"April 2025"},{"year":"2025","month":"3","text":"March 2025"},{"year":"2025","month":"1","text":"January 2025"},{"year":"2024","month":"11","text":"November 2024"},{"year":"2024","month":"10","text":"October 2024"},{"year":"2024","month":"9","text":"September 2024"},{"year":"2024","month":"8","text":"August 2024"},{"year":"2024","month":"7","text":"July 2024"},{"year":"2024","month":"6","text":"June 2024"},{"year":"2024","month":"5","text":"May 2024"},{"year":"2024","month":"4","text":"April 2024"},{"year":"2024","month":"3","text":"March 2024"},{"year":"2024","month":"2","text":"February 2024"},{"year":"2024","month":"1","text":"January 2024"},{"year":"2023","month":"11","text":"November 2023"},{"year":"2023","month":"9","text":"September 2023"},{"year":"2023","month":"8","text":"August 2023"},{"year":"2023","month":"6","text":"June 2023"},{"year":"2023","month":"5","text":"May 2023"},{"year":"2023","month":"4","text":"April 2023"},{"year":"2023","month":"2","text":"February 2023"},{"year":"2023","month":"1","text":"January 2023"},{"year":"2022","month":"11","text":"November 2022"},{"year":"2022","month":"8","text":"August 2022"},{"year":"2022","month":"7","text":"July 2022"},{"year":"2022","month":"5","text":"May 2022"},{"year":"2022","month":"4","text":"April 2022"},{"year":"2022","month":"3","text":"March 2022"},{"year":"2022","month":"1","text":"January 2022"},{"year":"2021","month":"12","text":"December 2021"},{"year":"2021","month":"11","text":"November 2021"},{"year":"2021","month":"10","text":"October 2021"},{"year":"2021","month":"9","text":"September 2021"},{"year":"2021","month":"8","text":"August 2021"},{"year":"2021","month":"6","text":"June 2021"},{"year":"2021","month":"4","text":"April 2021"},{"year":"2021","month":"1","text":"January 2021"},{"year":"2020","month":"12","text":"December 2020"},{"year":"2020","month":"8","text":"August 2020"},{"year":"2020","month":"7","text":"July 2020"},{"year":"2020","month":"6","text":"June 2020"},{"year":"2020","month":"5","text":"May 2020"},{"year":"2020","month":"4","text":"April 2020"},{"year":"2020","month":"3","text":"March 2020"},{"year":"2020","month":"1","text":"January 2020"},{"year":"2019","month":"9","text":"September 2019"},{"year":"2019","month":"8","text":"August 2019"},{"year":"2019","month":"7","text":"July 2019"},{"year":"2019","month":"5","text":"May 2019"},{"year":"2019","month":"4","text":"April 2019"},{"year":"2019","month":"3","text":"March 2019"},{"year":"2019","month":"2","text":"February 2019"},{"year":"2019","month":"1","text":"January 2019"},{"year":"2018","month":"12","text":"December 2018"},{"year":"2018","month":"11","text":"November 2018"},{"year":"2018","month":"10","text":"October 2018"},{"year":"2018","month":"8","text":"August 2018"},{"year":"2018","month":"7","text":"July 2018"},{"year":"2018","month":"6","text":"June 2018"},{"year":"2018","month":"5","text":"May 2018"},{"year":"2018","month":"4","text":"April 2018"},{"year":"2018","month":"3","text":"March 2018"},{"year":"2018","month":"2","text":"February 2018"},{"year":"2018","month":"1","text":"January 2018"},{"year":"2017","month":"12","text":"December 2017"},{"year":"2017","month":"11","text":"November 2017"},{"year":"2017","month":"10","text":"October 2017"},{"year":"2017","month":"8","text":"August 2017"},{"year":"2017","month":"7","text":"July 2017"},{"year":"2017","month":"5","text":"May 2017"},{"year":"2017","month":"3","text":"March 2017"},{"year":"2017","month":"2","text":"February 2017"},{"year":"2017","month":"1","text":"January 2017"},{"year":"2016","month":"12","text":"December 2016"},{"year":"2016","month":"7","text":"July 2016"},{"year":"2016","month":"6","text":"June 2016"},{"year":"2016","month":"5","text":"May 2016"},{"year":"2015","month":"6","text":"June 2015"}],"mediaTrash":0,"infiniteScrolling":0}}; </script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/media-views.min.js?ver=6.8.2" id="media-views-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/media-editor.min.js?ver=6.8.2" id="media-editor-js"></script> <script defer src="https://www.metaphorcreations.com/wp-includes/js/media-audiovideo.min.js?ver=6.8.2" id="media-audiovideo-js"></script> <script id="edd-ajax-js-extra"> var edd_scripts = {"ajaxurl":"https:\/\/www.metaphorcreations.com\/wp-admin\/admin-ajax.php","position_in_cart":"","has_purchase_links":"0","already_in_cart_message":"You have already added this item to your cart","empty_cart_message":"Your cart is empty","loading":"Loading","select_option":"Please select an option","is_checkout":"0","default_gateway":"stripe","redirect_to_checkout":"0","checkout_page":"https:\/\/www.metaphorcreations.com\/checkout\/","permalinks":"1","quantities_enabled":"","taxes_enabled":"0","current_page":"41367"}; </script> <script defer src="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/edd-ajax.min.js?ver=3.5.1" id="edd-ajax-js"></script> <script defer src="https://www.metaphorcreations.com/wp-content/uploads/siteground-optimizer-assets/ditty-sales.min.js?ver=1757332262" id="ditty-sales-js"></script> <script src="https://www.metaphorcreations.com/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script> <script id="ditty-js-before"> const dittyVars = {"ajaxurl":"https:\/\/www.metaphorcreations.com\/wp-admin\/admin-ajax.php","security":"13b33b209a","mode":"development","strings":{"add_title":"Add title","confirm_delete_item":"Are you sure you want to delete this Item? This action cannot be undone.","confirm_delete_display":"Are you sure you want to delete this Display?","confirm_delete_layout":"Are you sure you want to delete this Layout?","layout_css_error":"There is an error in your css.<br\/>Click to close this message."},"adminStrings":false,"globals":[{"selector":"","position":"","ditty":0,"display":0,"custom_id":"","custom_classes":"","live_updates":0}],"updateIcon":"fas fa-sync-alt fa-spin","updateInterval":60,"googleFonts":false,"dittyDevelopment":false} </script> <script src="https://www.metaphorcreations.com/wp-content/plugins/ditty-news-ticker/build/ditty.js?ver=3.1.58" id="ditty-js"></script> <script src="https://www.metaphorcreations.com/wp-content/plugins/ditty-news-ticker/includes/js/partials/helpers.js?ver=3.1.58" id="ditty-helpers-js"></script> <script src="https://www.metaphorcreations.com/wp-content/plugins/ditty-news-ticker/build/dittyDisplayTicker.js?ver=3.1.58" id="ditty-display-ticker-js"></script> <script src="https://www.metaphorcreations.com/wp-content/plugins/ditty-news-ticker/includes/libs/hammer.min.js?ver=2.0.8.1" id="hammer-js"></script> <script src="https://www.metaphorcreations.com/wp-content/plugins/ditty-news-ticker/build/dittySlider.js?ver=3.1.58" id="ditty-slider-js"></script> <script src="https://www.metaphorcreations.com/wp-content/plugins/ditty-news-ticker/build/dittyDisplayList.js?ver=3.1.58" id="ditty-display-list-js"></script> <script src="https://www.metaphorcreations.com/wp-content/plugins/ditty-pro/assets/build/dittyGrid.js?ver=1749902970" id="ditty-display-grid-js"></script> <script id="ditty-singles"> jQuery( function( $ ) {
$( 'div[data-uniqid="ditty-68bec326c6c30"]' ).ditty_ticker({"direction":"left","minHeight":"","maxHeight":"","spacing":"20","speed":"10","heightEase":"easeInOutQuint","heightSpeed":"1.5","scrollInit":"empty","scrollDelay":"3","cloneItems":"yes","wrapItems":"yes","maxWidth":"","bgColor":"","padding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"margin":{"marginTop":"10px","marginBottom":"10px","marginLeft":"","marginRight":""},"borderColor":"","borderStyle":"none","borderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"borderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"titleDisplay":"none","titleElement":"p","titleElementPosition":"start","titleFontSize":"","titleLineHeight":"","titleColor":"rgba(0, 0, 0, 1)","titleBgColor":"rgba(0, 0, 0, 0)","titleMargin":{"marginTop":"","marginBottom":"","marginLeft":"","marginRight":""},"titlePadding":{"paddingTop":"10px","paddingBottom":"10px","paddingLeft":"15px","paddingRight":"15px"},"titleBorderColor":"","titleBorderStyle":"none","titleBorderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"titleBorderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"contentsBgColor":"","contentsPadding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"contentsBorderColor":"","contentsBorderStyle":"none","contentsBorderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"contentsBorderRadius":{"borderTopLeftRadius":"3px","borderTopRightRadius":"3px","borderBottomLeftRadius":"3px","borderBottomRightRadius":"3px"},"itemTextColor":"","itemBgColor":"","itemPadding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"itemBorderColor":"","itemBorderStyle":"none","itemBorderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"itemBorderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"itemMaxWidth":"400px","itemElementsWrap":"wrap","orderby":"list","order":"desc","id":"42807","uniqid":"ditty-68bec326c6c30","title":"Default Ticker Example","status":"publish","display":"42470","items":[{"id":"3","uniq_id":"3","parent_id":"0","timestamp":"1640908591","timestamp_iso":"2021-12-30T23:56:31+00:00","html":"<div class=\"ditty-item ditty-item--3 ditty-item-type--default ditty-layout--42467\" data-item_id=\"3\" data-item_uniq_id=\"3\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Live Updates<\/h4>\r\nDitty will update in the background for users without the need to refresh the browser. Keep your content fresh and engaging.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"23","uniq_id":"23","parent_id":"0","timestamp":"1644067152","timestamp_iso":"2022-02-05T13:19:12+00:00","html":"<div class=\"ditty-item ditty-item--23 ditty-item-type--default ditty-layout--42467\" data-item_id=\"23\" data-item_uniq_id=\"23\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Live Editing<\/h4>\r\nSee the changes you make while editing your Ditty as you make them. Add Items, edit Layouts and Displays and see what it looks like before saving.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"24","uniq_id":"24","parent_id":"0","timestamp":"1644067152","timestamp_iso":"2022-02-05T13:19:12+00:00","html":"<div class=\"ditty-item ditty-item--24 ditty-item-type--default ditty-layout--42467\" data-item_id=\"24\" data-item_uniq_id=\"24\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Global Rendering<\/h4>\r\nEasily add your Ditty globally on your site, anywhere, without modifying theme files. Want a ticker scrolling at the top of your site, no problem!<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"25","uniq_id":"25","parent_id":"0","timestamp":"1644067152","timestamp_iso":"2022-02-05T13:19:12+00:00","html":"<div class=\"ditty-item ditty-item--25 ditty-item-type--default ditty-layout--42467\" data-item_id=\"25\" data-item_uniq_id=\"25\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Mix & Match Content<\/h4>\r\nCombine multiple content feeds or custom content in a single Ditty. Merging custom default Items and feeds from various Ditty extensions together has never been easier.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"26","uniq_id":"26","parent_id":"0","timestamp":"1644067152","timestamp_iso":"2022-02-05T13:19:12+00:00","html":"<div class=\"ditty-item ditty-item--26 ditty-item-type--default ditty-layout--42467\" data-item_id=\"26\" data-item_uniq_id=\"26\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Customized Displays<\/h4>\r\nRender your Ditty as a custom ticker, list, slider, or other Display through extensions. Customize multiple settings to show your content the way you want.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"27","uniq_id":"27","parent_id":"0","timestamp":"1644067152","timestamp_iso":"2022-02-05T13:19:12+00:00","html":"<div class=\"ditty-item ditty-item--27 ditty-item-type--default ditty-layout--42467\" data-item_id=\"27\" data-item_uniq_id=\"27\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Customized Layouts<\/h4>\r\nTake control of the the style of your content. Every Ditty Item type can be customized to reflect the style of your site. Use a pre-made template, or edit and customize to your needs!<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]}]});
$( 'div[data-uniqid="ditty-68bec326c7672"]' ).ditty_list({"spacing":"20","paging":"1","perPage":1,"transition":"slideLeft","transitionEase":"easeInOutQuint","transitionSpeed":"1","heightEase":"easeInOutQuint","heightSpeed":"1","autoplay":"1","autoplaySpeed":"5","initTransition":"fade","initTransitionEase":"linear","initTransitionSpeed":"0","initHeightEase":"linear","initHeightSpeed":"0","arrows":"style1","arrowsIconColor":"","arrowsBgColor":"","arrowsPosition":"center","arrowsPadding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"arrowsStatic":"1","bullets":"style1","bulletsColor":"","bulletsColorActive":"","bulletsPosition":"bottomCenter","bulletsSpacing":"2","bulletsPadding":{"paddingTop":"20px","paddingBottom":"","paddingLeft":"","paddingRight":""},"maxWidth":"","bgColor":"","padding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"margin":{"marginTop":"","marginBottom":"","marginLeft":"auto","marginRight":"auto"},"borderColor":"","borderStyle":"none","borderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"borderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"contentsBgColor":"","contentsPadding":{"paddingTop":"","paddingBottom":"","paddingLeft":"40px","paddingRight":"40px"},"contentsBorderColor":"","contentsBorderStyle":"none","contentsBorderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"contentsBorderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"pageBgColor":"","pagePadding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"pageBorderColor":"","pageBorderStyle":"none","pageBorderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"pageBorderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"itemTextColor":"","itemBgColor":"","itemPadding":{"paddingTop":"5px","paddingBottom":"5px","paddingLeft":"5px","paddingRight":"5px"},"itemBorderColor":"","itemBorderStyle":"none","itemBorderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"itemBorderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"orderby":"list","order":"desc","id":"42807","uniqid":"ditty-68bec326c7672","title":"Default Ticker Example","status":"publish","display":"42472","items":[{"id":"3","uniq_id":"3","parent_id":"0","timestamp":"1640908591","timestamp_iso":"2021-12-30T23:56:31+00:00","html":"<div class=\"ditty-item ditty-item--3 ditty-item-type--default ditty-layout--42467\" data-item_id=\"3\" data-item_uniq_id=\"3\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Live Updates<\/h4>\r\nDitty will update in the background for users without the need to refresh the browser. Keep your content fresh and engaging.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"23","uniq_id":"23","parent_id":"0","timestamp":"1644067152","timestamp_iso":"2022-02-05T13:19:12+00:00","html":"<div class=\"ditty-item ditty-item--23 ditty-item-type--default ditty-layout--42467\" data-item_id=\"23\" data-item_uniq_id=\"23\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Live Editing<\/h4>\r\nSee the changes you make while editing your Ditty as you make them. Add Items, edit Layouts and Displays and see what it looks like before saving.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"24","uniq_id":"24","parent_id":"0","timestamp":"1644067152","timestamp_iso":"2022-02-05T13:19:12+00:00","html":"<div class=\"ditty-item ditty-item--24 ditty-item-type--default ditty-layout--42467\" data-item_id=\"24\" data-item_uniq_id=\"24\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Global Rendering<\/h4>\r\nEasily add your Ditty globally on your site, anywhere, without modifying theme files. Want a ticker scrolling at the top of your site, no problem!<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"25","uniq_id":"25","parent_id":"0","timestamp":"1644067152","timestamp_iso":"2022-02-05T13:19:12+00:00","html":"<div class=\"ditty-item ditty-item--25 ditty-item-type--default ditty-layout--42467\" data-item_id=\"25\" data-item_uniq_id=\"25\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Mix & Match Content<\/h4>\r\nCombine multiple content feeds or custom content in a single Ditty. Merging custom default Items and feeds from various Ditty extensions together has never been easier.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"26","uniq_id":"26","parent_id":"0","timestamp":"1644067152","timestamp_iso":"2022-02-05T13:19:12+00:00","html":"<div class=\"ditty-item ditty-item--26 ditty-item-type--default ditty-layout--42467\" data-item_id=\"26\" data-item_uniq_id=\"26\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Customized Displays<\/h4>\r\nRender your Ditty as a custom ticker, list, slider, or other Display through extensions. Customize multiple settings to show your content the way you want.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"27","uniq_id":"27","parent_id":"0","timestamp":"1644067152","timestamp_iso":"2022-02-05T13:19:12+00:00","html":"<div class=\"ditty-item ditty-item--27 ditty-item-type--default ditty-layout--42467\" data-item_id=\"27\" data-item_uniq_id=\"27\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Customized Layouts<\/h4>\r\nTake control of the the style of your content. Every Ditty Item type can be customized to reflect the style of your site. Use a pre-made template, or edit and customize to your needs!<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]}]});
$( 'div[data-uniqid="ditty-68bec326c7cdc"]' ).ditty_grid({"perRow":3,"spacing":"20px","paging":"1","perPage":12,"transition":"fade","transitionEase":"easeInOutQuint","transitionSpeed":"1","heightEase":"easeInOutQuint","heightSpeed":"1","breakPoints":[{"maxWidth":"1000px","perRow":2,"spacing":"20px"},{"maxWidth":"500px","perRow":1,"spacing":"20px"}],"arrows":"none","arrowsPosition":"center","arrowsPadding":{"paddingTop":"","paddingBottom":"20px","paddingLeft":"","paddingRight":""},"bullets":"style1","bulletsPosition":"bottomCenter","bulletsSpacing":"2","bulletsPadding":{"paddingTop":"20px","paddingBottom":"","paddingLeft":"","paddingRight":""},"padding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"margin":{"marginTop":"","marginBottom":"","marginLeft":"","marginRight":""},"borderStyle":"none","borderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"borderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"contentsPadding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"contentsBorderStyle":"none","contentsBorderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"contentsBorderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"pagePadding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"pageBorderStyle":"none","pageBorderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"pageBorderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"itemPadding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"itemBorderStyle":"none","itemBorderWidth":{"borderTopWidth":"","borderBottomWidth":"","borderLeftWidth":"","borderRightWidth":""},"itemBorderRadius":{"borderTopLeftRadius":"","borderTopRightRadius":"","borderBottomLeftRadius":"","borderBottomRightRadius":""},"orderby":"list","order":"desc","id":"45387","uniqid":"ditty-68bec326c7cdc","title":"Default Grid Example","status":"publish","display":"42473","items":[{"id":"44","uniq_id":"44","parent_id":"0","timestamp":"1657575565","timestamp_iso":"2022-07-11T21:39:25+00:00","html":"<div class=\"ditty-item ditty-item--44 ditty-item-type--default ditty-layout--42467\" data-item_id=\"44\" data-item_uniq_id=\"44\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Live Updates<\/h4>\r\nDitty will update in the background for users without the need to refresh the browser. Keep your content fresh and engaging.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"45","uniq_id":"45","parent_id":"0","timestamp":"1657575565","timestamp_iso":"2022-07-11T21:39:25+00:00","html":"<div class=\"ditty-item ditty-item--45 ditty-item-type--default ditty-layout--42467\" data-item_id=\"45\" data-item_uniq_id=\"45\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Live Editing<\/h4>\r\nSee the changes you make while editing your Ditty as you make them. Add Items, edit Layouts and Displays and see what it looks like before saving.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"46","uniq_id":"46","parent_id":"0","timestamp":"1657575565","timestamp_iso":"2022-07-11T21:39:25+00:00","html":"<div class=\"ditty-item ditty-item--46 ditty-item-type--default ditty-layout--42467\" data-item_id=\"46\" data-item_uniq_id=\"46\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Global Rendering<\/h4>\r\nEasily add your Ditty globally on your site, anywhere, without modifying theme files. Want a ticker scrolling at the top of your site, no problem!<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"47","uniq_id":"47","parent_id":"0","timestamp":"1657575565","timestamp_iso":"2022-07-11T21:39:25+00:00","html":"<div class=\"ditty-item ditty-item--47 ditty-item-type--default ditty-layout--42467\" data-item_id=\"47\" data-item_uniq_id=\"47\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Mix & Match Content<\/h4>\r\nCombine multiple content feeds or custom content in a single Ditty. Merging custom default Items and feeds from various Ditty extensions together has never been easier.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"48","uniq_id":"48","parent_id":"0","timestamp":"1657575565","timestamp_iso":"2022-07-11T21:39:25+00:00","html":"<div class=\"ditty-item ditty-item--48 ditty-item-type--default ditty-layout--42467\" data-item_id=\"48\" data-item_uniq_id=\"48\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Customized Displays<\/h4>\r\nRender your Ditty as a custom ticker, list, slider, or other Display through extensions. Customize multiple settings to show your content the way you want.<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]},{"id":"49","uniq_id":"49","parent_id":"0","timestamp":"1657575565","timestamp_iso":"2022-07-11T21:39:25+00:00","html":"<div class=\"ditty-item ditty-item--49 ditty-item-type--default ditty-layout--42467\" data-item_id=\"49\" data-item_uniq_id=\"49\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"42467\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\"><h4>Customized Layouts<\/h4>\r\nTake control of the the style of your content. Every Ditty Item type can be customized to reflect the style of your site. Use a pre-made template, or edit and customize to your needs!<\/div>\n\t<\/div><\/div>","css":".ditty .ditty-layout--42467 .ditty-item__elements { font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", sans-serif; font-size: 15px; line-height: 1.3125; text-align: left; } .ditty .ditty-layout--42467 .ditty-item__link { text-decoration: underline; } .ditty .ditty-layout--42467 h1, .ditty .ditty-layout--42467 h2, .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { line-height: 1.3125; font-weight: bold; margin: 0 0 5px; padding: 0; } .ditty .ditty-layout--42467 h1 { font-size: 19px; } .ditty .ditty-layout--42467 h2 { font-size: 17px; } .ditty .ditty-layout--42467 h3, .ditty .ditty-layout--42467 h4, .ditty .ditty-layout--42467 h5, .ditty .ditty-layout--42467 h6 { font-size: 15px; } .ditty .ditty-layout--42467 p { font-size: 15px; line-height: 1.3125; margin: 0 0 5px; } .ditty .ditty-layout--42467 ul { list-style: disc; padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 ol { padding: 0 0 0 20px; margin: 0 0 5px; } .ditty .ditty-layout--42467 li { margin: 0 0 5px 0; }","layout_id":"42467","meta":[]}]});
} ); </script> <script> gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 3) {if(typeof Placeholders != 'undefined'){
Placeholders.enable();
}} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); </script> <script> gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "3", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_3" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_3"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_3" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; gform.core.triggerPostRenderEvents( 3, 1 ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); </script></body></html>