Archived topic
Gradient overlap image background
3 replies · Started by fabiosilva on August 14, 2021
Hi,
Io desire use an image backgrund and overlap a CSS gradient.
I'm using this css
body {
background: rgb(102,24,6);
background: linear-gradient(191deg, rgba(102,24,6,0.80) 0%, rgba(6,27,102,0.80) 50%);
}
But image do not show. Any way to make this work directly through theme customization?
Thank you so much.
Hi there,
you would have to add your image using CSS in the background property eg.
background-image: url("IMAGE_URL"), linear-gradient(191deg, rgba(102,24,6,0.80) 0%, rgba(6,27,102,0.80) 50%);
Thank you, David!
Glad to be of help!
