Now set your background in the admin control panel to have a greyscale image and then set the background color. You should then see the image have the tint of the background. You could use this to set different sections of your site to have the same background image but be tinted different colors to allow them to stand out as distinct.
Question
Rob Bedeaux
This is a pretty neat feature you can apply to a background to tint it.
Place the following code in your head code of a page (or cascading pages)
Now set your background in the admin control panel to have a greyscale image and then set the background color. You should then see the image have the tint of the background. You could use this to set different sections of your site to have the same background image but be tinted different colors to allow them to stand out as distinct.
To learn more about CSS Blends check out https://css-tricks.com/basics-css-blend-modes/
Rob Bedeaux (he/him/his)
Director, Content Marketing & Strategy
E rob.bedeaux@nbcuni.com
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Archived
This topic is now archived and is closed to further replies.