David Browne wplit

💭

I may be slow to respond.

Sydney WordPress developer. I partner with designers to create cool things with WordPress. I also build plugins for Oxygen, which you can find here.

wplit / footer-scripts.html

Last active July 16, 2025 05:30

remove columns if found emty from dynamic table (add to page settings > custom code > footer scripts)

	<script>

	document.addEventListener("DOMContentLoaded", () => {

	function waitForGridInstances() {
	const instances = xTable?.Instances;
	if (!instances \|\| !Object.keys(instances).length) {
	requestAnimationFrame(waitForGridInstances);
	return;
	}

wplit / code.php

Last active July 14, 2025 06:40

limit number of results in any query loop

	<?php

	add_filter( 'bricks/query/result', function ( array $result, object $query_obj ): array {

	$element_id = 'ejmwod'; // Element ID with query loop
	$result_count = 1; // How many results to output

	if ( $query_obj->element_id !== $element_id ) {
	return $result;
	}

wplit / footer-scripts.html

Created July 14, 2025 03:45

remove <template> where Bricks isn't removing

	<script>

	document.addEventListener('DOMContentLoaded', () => {

	if ( document.querySelector('.x-toggle-switch template[data-brx-loop-start]') ) {
	document.querySelector('.x-toggle-switch template[data-brx-loop-start]').remove()
	}

	})

wplit / footer-scripts.html

Last active July 8, 2025 11:13

invisible control if active slide has no caption

	<script>

	document.addEventListener("DOMContentLoaded", () => {

	const sliderSelector = '#brxe-muqvzs'; /* ID of slider element */
	const controlSelector = '#brxe-tcsaja'; /* ID of control element */


	const slider = document.querySelector(sliderSelector)
	const control = document.querySelector(controlSelector)

wplit / footer-scripts.html

Created June 27, 2025 00:31

do copy to clipboard on popover opening

	<script>

	document.addEventListener("DOMContentLoaded", () => {

	document.querySelectorAll('.x-popover').forEach(popover => {

	popover.addEventListener("x_popover:show", () => {
	doExtrasCopyToClipBoard(popover)
	});

wplit / style.css

Created June 19, 2025 01:44

example CSS for moving aspect-ratio onto media-provider inside player


	/* remove aspect ratio from player and set variable for controlling top margin */
	%root% {
	aspect-ratio: unset;
	--player-controls-top: 6rem;
	}

	/* add aspect ratio to the media provider and set margins */
	%root% media-provider {
	position: relative;

wplit / footer-scripts.html

Last active June 5, 2025 00:58

move focus automatically when modal open

	<script>

	document.addEventListener("DOMContentLoaded", () => {

	const modalID = 'brxe-bssazd'; /* ID of modal element */

	const modal = document.getElementById(modalID);

	if (modal) {

wplit / footer-scripts.html

Last active May 30, 2025 01:22

force iOS to display keyboard when header search open

	<script>

	document.addEventListener('DOMContentLoaded', function() {

	let headerSearchSelector = '.brxe-xheadersearch';
	let searchInput = document.querySelector(headerSearchSelector + ' input[type=search]');

	if (/iPad\|iPhone\|iPod/.test(navigator.userAgent) && searchInput) {

	document.querySelector(headerSearchSelector).addEventListener('x_header_search:open', function() {

wplit / footer-scripts.html

Created May 21, 2025 23:06

re-run cursor when filter ajax ends

	<script>

	document.addEventListener("bricks/ajax/end", () => {
	xCursor();
	})

	</script>

wplit / footer-scripts.html

Last active May 20, 2025 23:54

add any image URLs to a lightbox gallery (page settings > custom code > footer scripts)

	<script>

	document.addEventListener('DOMContentLoaded', () => {

	const lightboxSelector = '.my-gallery-lightbox'; /* change this to match the selector for your lighbox element */

	setTimeout(() => {
	const lightboxElement = document.querySelector(lightboxSelector);
	if (!lightboxElement) return;