Custom font and static image background | Crave Theme

Hi,

I’m attempting to get my head around the crave theme presently and have some challenges.

Firstly when I add my usual code for custom typefaces into base.css nothing is happening. My usual code is

@font-face {
font-family: “dreamorphansbold”;
src: url(“dreamorphansbold.woff2”) format(“woff2”),
url(“dreamorphansbold.woff”) format(“woff”);
}
h1, h2, h3, h4, h5, h6 { font-family: “dreamorphansbold”; }

Secondly, I’m attempting to add a static image to the background, which I’ve managed to do with the following code, but it also makes the header and all the boxes that image as if they’re transparent, yet I’ve selected colours for them in the theme editor and trialed them with different background and accent colours - nothing works.

#MainContent {
background: transparent !important;
}
body.gradient {
background: url(“https://cdn.shopify.com/s/files/1/0617/5162/3831/t/2/assets/Websitebackground.png?v=1660741212”) no-repeat center center fixed !important;
background-size: cover !important;
background-attachment: fixed;
background-blend-mode: overlay;
background-repeat: repeating-linear-gradient;
}

.gradient {
background: transparent !important;
}

URL https://mylittleroses.com.au/password PASSWORD peukop

Hi @pscullywicks ,

1: Please go to theme.liquid and add code here:

2: You just need to remove this, it will work fine:

Hope it helps!