Find out how to modify the shading color when selecting part of the text in any WordPress child theme using a simple code snippet.
By default, when you select a piece of text on a website, the background color that appears is light blue:
But if you want to take the customization of your Genesis child theme one step further, you can change it to show your featured color or one that is more in line with your color palette.
It’s a subtle change. However, small details like these help to give more homogeneity and personality to a website, and by extension, to the brand behind it.
Are you interested?
Snippet to modify the color of the text selection shadow
Add the following fragment at the end of the style.css file:
To see this and another 1097 code snippets of this website, login or subscribe here.
With the previous code snippet, in addition to customizing the background color (which should vary according to your interests), you also change the text color to make it read better.
However, if the contrast between the background color and the font is sufficient, you don’t need that line.
Conclusion
Did you know that you could change the text selection color in any WordPress child theme? Now you have no excuse. 😉
Little details like this help to reinforce the visual coherence of a website and the brand associated with it.
If you have any question, please leave it in the comments. And if you want to give me a suggestion for future snippets, please send it through the contact form.
Benefits of being a subscriber. 🙂
