HTML, JavaScript, Web, Wordpress

Need A Quick CSS Override On Just One Page Via JavaScript?

Jared Meredith

Found this to work really well for a WordPress custom theme where the only option I had was to drop an override via a header/footer plugin option:

<script>
var ref= window.location.pathname;
var search="/youruniquepagelink/";
if (ref.indexOf(search) > -1) {
let myElements = document.querySelectorAll(".your-class");
for (let i = 0; i < myElements.length; i++) {
	myElements[i].style.display = "none";
}
}
</script>

Published by Jared Meredith

Executive Director of Enterprise Architecture, Project Management Office, and Strategic Governance with extensive background in helping business partners envision and design enterprise architecture that drives amazing experiences with high availability. I love to take current problems or technical challenges while bringing people together to align solutions and strategy to provide the best technical path for how we can work to achieve goals with technology.