How to change the color of the font in the widget area?

Hi An,

The default font of text in your theme’s widget areas can be changed with the following custom CSS:

.widget {
    color: #FFF;
}

The following will then target the titles in the widget areas:

.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {
    color: #FFF;
}

You can change the value of #FFF to any HEX code of your choice. If you’d like to experiment with different colours, try a few Google searches to get a list of HEX codes and their corresponding values. Here’s an example of a site that I’ve used before:

https://www.color-hex.com/

In case you’re not aware: You should not edit your theme’s style.css file directly. Any changes made there will be lost when it comes time to update your theme.

Instead, to add custom CSS, firstly set up a child theme or activate a custom CSS plugin. If you have Jetpack installed then you can enable its custom CSS module.

Let me know if that’s helpful or if you have any extra questions.

Hi Siobhan,

Thank you! It worked perfectly ??

I have Jetpack installed so made the change in the custom CSS module.

Thanks also for the reference to the color-hex site: I was looking for a similar color that was only a few shades brighter than the original one. When showing our site to some older persons, many of them responded that they had some difficulties reading the widget texts as the standard font color is a bit too similar (quite dark) against the standard background color.

For the rest, I simply adore the Dyad thema!

Kind regards,
An

You’re welcome, An! I’m glad that Dyad is working out for you.