I just inserted a piece of javacode to the page to get the element and change it, it’s not a wise way.
<script>
var bodyElement=document.body;
bodyElement.style.display = 'none';
console.log("hide page");
const currentURL = window.location.href;
const targetURL = 'https://rotary-vve-connect.org/forums/';
window.addEventListener('load', function() {
if (currentURL.startsWith(targetURL)){
console.log("This is a forum page");
// Select the parent div element
if(currentURL==targetURL){
const parentDiv = document.querySelector('.bbpress-container.bsp-fse-container');
// Select the h1 element inside the parent div
const h1Element = parentDiv.querySelector('h1');
const bbpcontent = document.querySelector('.bbpress-content');
const forumtext = bbpcontent.querySelector('.bbp-breadcrumb-current');
const forumintable = bbpcontent.querySelector('.bbp-forum-info');
forumintable.textContent = "Community";
forumtext.textContent="Communities";
h1Element.textContent="VVE Communities";
}else{
const bbpcontent = document.querySelector('.bbpress-content');
const forumlink = bbpcontent.querySelector('.bbp-breadcrumb-root');
forumlink.textContent = "Communities";
}
}
bodyElement.style.display = 'block';
});
</script>
-
This reply was modified 8 months, 3 weeks ago by
person19920.