site_wide_header - WPCode Library

gamroud js

document.addEventListener(“DOMContentLoaded”, function() { const popup = document.getElementById(“popup”); const iframe = document.getElementById(“gumroadIframe”); const close = document.querySelector(“.close”); const buttons = document.querySelectorAll(“.checkoutButton”); buttons.forEach(function(button) { button.addEventListener(“click”, function() { const gumroadCheckoutUrl = this.getAttribute(“data-url”); iframe.src = gumroadCheckoutUrl; popup.style.display = “block”; }); }); close.addEventListener(“click”, function() { popup.style.display…Continue reading

Schedule Here

<scriptdata-api-key=”oa3r0iiint5qa1ynfv5yuv3a”data-schedulerid=”sched_zwjsrxfx23n6q73ro2rk7671″deferid=”se-widget-embed”src=”https://embed.scheduler.servicetitan.com/scheduler-v1.js”></script>Continue reading

Google AdSense Verification + Auto Ads

Untitled Snippet

Add aria-describedby to posts learn more links

// Code Snippet in progress. Not fully working yet $( document ).on(‘ready ajaxComplete’, function () { $( ‘.et_pb_post’ ).each(function( index ) { const postId = $( this ).attr( ‘id’ ) ? $( this ).attr( ‘id’) : ‘af-post’; $( this ).children(…Continue reading

Add aria-describedby to external links

jQuery( document ).ready( function( $ ) { $( ‘*[target=”_blank”]’ ).each( function( index ) { $( this ).attr(‘aria-describedby’, ‘text-open-new-tab’); }); });Continue reading

Add Hidden text to reference using aria attributes

jQuery(document).ready( function($) { $(‘.et-l–header’).before(‘opens in a new tab‘); });Continue reading

ADS Front Page CSS

/* AudioDesignSpace WordPress Global CSS – Clean Version */ /* Puhdas versio ilman ristiriitoja ja tuplakoodia */ /* Import Google Fonts */ @import url(‘https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap’); /* Reset and Base Styles – Vain tarvittavat elementit */ html, body { width: 100%; overflow-x:…Continue reading

Raver Dogs Custom Styles Gallery

/* — CUSTOM STYLES FOR ELEMENTOR GALLERY WIDGET (BRIGHTER VERSION) — */ /* This block targets the Elementor Gallery widget specifically */ /* 1. Create the Masonry Layout */ .elementor-widget-gallery .elementor-gallery { column-count: 3; column-gap: 15px; } .elementor-widget-gallery .elementor-gallery .gallery-item…Continue reading