Hi. I have taken over the maintenance of our website as the developer has left. Unfortunately, he hasn't left details of our Salient purchase.
I'm using Wordpress , Elementor, Salient Child Theme. I am having difficulty understanding how to globally set heading titles to the same colour on all my pages. I would expect that, where you set p your header formats, you would be able to specify colour but I understand that you do it through the Accent Colour. I've set up an Accent Colour and have managed to get my HL 1 title to be that colour but my other headings will not change. I've googled for instructions and have:
Saved my changes
Flushed Caches
Added custom CSS -
/* Apply accent color to all headings */ h1, h2, h3, h4, h5, h6 { color: var(--nectar-accent-color) !important; }
Because you're using the Elementor page builder, the colors for headings inside your page content (H2, H3, etc.) need to be set within Elementor's own global Site Settings, not just the Salient theme options.
Salient's Accent Color and typography settings control the theme's own elements, like the main Page Header. This is likely why your H1 title changed correctly. However, Elementor has its own powerful styling system that takes control of all content built with its widgets (like the H2s and H3s on your pages).
Please reach out to their support team on the same and let us know how it goes!
Hi. I have taken over the maintenance of our website as the developer has left. Unfortunately, he hasn't left details of our Salient purchase.
I'm using Wordpress , Elementor, Salient Child Theme. I am having difficulty understanding how to globally set heading titles to the same colour on all my pages. I would expect that, where you set p your header formats, you would be able to specify colour but I understand that you do it through the Accent Colour. I've set up an Accent Colour and have managed to get my HL 1 title to be that colour but my other headings will not change. I've googled for instructions and have:
Saved my changes
Flushed Caches
Added custom CSS -
/* Apply accent color to all headings */
h1, h2, h3, h4, h5, h6 {
color: var(--nectar-accent-color) !important;
}
/* Optional: Ensure hover/focus styles also match */
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
color: var(--nectar-accent-color) !important;
}
but nothing happens. Where am I going wrong ?
Thank you
Gerald
Hi Gerald,
Glad to hear from you.
I can definitely help clear this up.
Because you're using the Elementor page builder, the colors for headings inside your page content (H2, H3, etc.) need to be set within Elementor's own global Site Settings, not just the Salient theme options.
Salient's Accent Color and typography settings control the theme's own elements, like the main Page Header. This is likely why your H1 title changed correctly. However, Elementor has its own powerful styling system that takes control of all content built with its widgets (like the H2s and H3s on your pages).
Please reach out to their support team on the same and let us know how it goes!
Best wishes,
Salient Theme Support