Site logo

Archived topic

Gradient overlap image background

3 replies · Started by fabiosilva on August 14, 2021

Viewing posts 1–4 of 4

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!

This archived topic is closed to new replies.