Hello,
I cannot for the life of me work out why my css styles for my header, are not carrying across to my contact us page.
I have attached a screenshot of the preview of how the header and footer should look, with the styles that I have placed in the header styles tab. These styles are in effect in the live view of every other page but, not this page. It doesn’t even show the styles being overridden in the browser inspector. It’s as if they aren’t even being handed to the browser…
I tried clearing my browsing data and cache but, no change. I tried duplicating the cornerstone page and deleting the original but, nothing changed. I tried remaking the menu and directly selecting the primary menu, instead of “default” but, there was no change.
Cornerstone editor preview:
// header.css
.x-bar-h .menu-item.current_page_item .x-anchor-text-primary {
color: #42ae4b;
}
.x-bar-h .menu-item:last-of-type .x-anchor-content {
border-left: 1px solid white;
}
.x-bar-h .menu-item:last-of-type .x-anchor-text-primary {
color: rgb(0, 174, 255);
}
.m1j-b.x-anchor:hover .x-anchor-text-primary, [data-x-effect-provider*="colors"]:hover .m1j-b.x-anchor .x-anchor-text-primary {
color: #6e6e6e;
}