(function ($) { "use strict"; // Function to apply styles based on content function styleElements() { const elements = document.querySelectorAll('.elementor-heading-title.elementor-size-default'); elements.forEach(element => { if (element.textContent.trim() === "ONGOING") { element.style.backgroundColor = "#FFEEDD"; element.style.color = "#f04d37"; element.style.borderRadius = "8px"; element.style.padding = "4px 12px"; // Using shorthand for padding } else if (element.textContent.trim() === "COMPLETED") { element.style.backgroundColor = "#DEF7EC"; element.style.color = "#046C4E"; element.style.borderRadius = "8px"; element.style.padding = "4px 12px"; // Using shorthand for padding } }); } // Call styleElements on initial page load $(document).ready(function() { styleElements(); }); // Listen for the AJAX finish event $(document).on("sf:ajaxfinish", ".searchandfilter", function () { console.log("AJAX complete"); styleElements(); // Call the function to style elements when AJAX is complete // Load your Photoswipe JavaScript here // Example: initializePhotoSwipe(); (replace with your actual function) }); }(jQuery));