document.addEventListener(‘DOMContentLoaded’, function() {
var el = document.querySelector(‘#results-title h1’)
|| document.querySelector(‘.results-title-row h1’);
if (el) {
const h2 = document.createElement(‘h2’);
h2.style.fontSize = getComputedStyle(el).fontSize;
h2.style.fontWeight = getComputedStyle(el).fontWeight;
h2.style.fontFamily = getComputedStyle(el).fontFamily;
h2.style.lineHeight = getComputedStyle(el).lineHeight;
h2.style.color = getComputedStyle(el).color;
h2.style.margin = getComputedStyle(el).margin;
h2.style.padding = getComputedStyle(el).padding;
h2.innerHTML = el.innerHTML;
el.parentNode.replaceChild(h2, el);
console.log(“H1 replaced with H2”);
} else {
console.log(“H1 not found”);
}
});
(function() {
const selectors = ‘.dbs-popup-content h1’;
function replaceWithP(el) {
if (el.dataset.replaced) return;
el.dataset.replaced = ‘true’;
const p = document.createElement(‘p’);
const computedStyle = window.getComputedStyle(el);
p.style.fontSize = computedStyle.fontSize;
p.style.fontWeight = computedStyle.fontWeight;
p.style.lineHeight = computedStyle.lineHeight;
p.style.margin = computedStyle.margin;
p.style.padding = computedStyle.padding;
p.style.color = computedStyle.color;
p.style.textTransform = computedStyle.textTransform;
p.style.letterSpacing = computedStyle.letterSpacing;
p.style.textAlign = computedStyle.textAlign;
p.style.display = computedStyle.display;
p.className = el.className;
p.innerHTML = el.innerHTML;
el.parentNode.replaceChild(p, el);
}
document.querySelectorAll(selectors).forEach(replaceWithP);
const observer = new MutationObserver(function(mutations) {
for (const mutation of mutations) {
for (const node of mutation.addedNodes) {
if (node.nodeType !== 1) continue;
if (node.matches && node.matches(selectors)) {
replaceWithP(node);
}
if (node.querySelectorAll) {
node.querySelectorAll(selectors).forEach(replaceWithP);
}
}
}
});
observer.observe(document.body, { childList: true, subtree: true });
})();
