Heading Block text color for dark backgrounds

Question

Hi, First of all thank you for the canvas, and specially for the last version, focused on page speed.

I am writing because I have a page with dark background. I would like to change the color of text in order to make more contrast.

How can I change the color of the "Heading Block"?

I want to change the color of H2 and the text in <span>

I found in the style.css the text color for light backgrounds, but not for dark backgrounds.

Thank you.

SemiColonWeb · Accepted Answer

Hello,

Thank You so much for the Kind Words! :)

You can find all the CSS related to Dark Scheme in the css/dark.css File. For the Heading Blocking, you can consider using the following code:


.dark .heading-block:not(.not-dark) h2 { color: #FFF; }

.dark .heading-block:not(.not-dark) > span { color: #EEE; }

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.