Is there a way

[dabigcheeze]

I want to have the site’s body be a css driven linear gradient. I then want to have an SVG pattern over the top of this.

I’ve tried it with both CSS and all options under the Global Options but it doesn’t seem possible. If I add an image to the background image property under Options it does not allow for tiling, and it seems to add this as a variable or something in the code vs simple CSS. Can you think of a way for me to have a CSS gradient as the BOdy background and then have a repeating pattern using an SVG or Image?

[ruenel]

Hello @dabigcheeze,

Thanks for writing in!

This are the containers of the theme:

You can place the gradient background color in the x-root container and then add the SVG background image in the x-site container. take also into account that if your Bar element or Section element has a background colors, the gradient and SVG background will no longer be visible in the Bar/Section areas.

Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.