Angela Bowman askwpgirl

WordPress web dev.

askwpgirl / pause-sliders.js

Created April 8, 2025 19:44

Add Pause Button to Elementor Carousels

	//Add this to Header/Footer plugin in the HTML <head>
	<script>
	document.addEventListener('DOMContentLoaded', function () {
	const seen = new WeakSet();

	const interval = setInterval(() => {
	const swiperEls = document.querySelectorAll('.swiper.swiper-initialized');

	swiperEls.forEach((swiperEl, index) => {
	if (seen.has(swiperEl)) return;

askwpgirl / style.css

Last active April 8, 2025 21:24

Elementor Accessibile Hyperlinks and Hover State

	/* Add this CSS to your Custom CSS in Site Settings
	** or custom.css */

	/* Underline hyperlinks in text widgets */

	.elementor-widget-text-editor a {
	text-decoration: underline;
	}

	.elementor-widget-text-editor a:hover {

askwpgirl / style.css

Created April 9, 2025 14:46

CSS for Elementor to Respect Reduced Motion

	/* This is a CSS media query for accessibility-aware
	** browsers respects reduced motion setting in operating systems */

	@media (prefers-reduced-motion: reduce) {
	.elementor-motion-effects-element[style] {
	transform: none !important;
	}
	}

askwpgirl / custom.js

Created April 11, 2025 22:14

Flipbox script for click custom flipbox in Elementor

	<script>
	(function($) {
	function setupFlipBoxes($scope) {
	$scope.find('.custom-flip-box').each(function () {
	const $flipBox = $(this);
	$flipBox.off('click').on('click', function () {
	$flipBox.toggleClass('flipped');
	});
	});
	}

askwpgirl / functions.php

Last active May 6, 2025 23:37

Hide License Renewal Notice in Elementor

	<?php

	// copy the following code in to Code Snippets plugin and set to only run in Adminstration area.
	// do not copy this text or anything above it.

	/**
	* Remove annoying Elementor license notice
	*/
	add_action("admin_enqueue_scripts", function() {
	?>

askwpgirl / custom.js

Created May 7, 2025 22:50

Add aria-current="page" for Elementor mega menu subitems

	<script>document.addEventListener('DOMContentLoaded', function () {
	const currentUrl = window.location.origin + window.location.pathname;
	const links = document.querySelectorAll('a[href]');

	links.forEach(link => {
	const linkUrl = new URL(link.href);
	const normalizedLink = linkUrl.origin + linkUrl.pathname;

	if (normalizedLink === currentUrl) {
	link.setAttribute('aria-current', 'page');