Make Image Backround Code - Brooklyn code work for Dawn 2.0

Store Design
, , , , , ,
1

This is my current site : https://circle6.shop/

I wanna move the image backround code to be able to work on dawn

Ultimately I want to move this code what I had on Brooklyn theme to the current Dawn theme.

this is the css I have for it -

html,body {
background: url(https://cdn.shopify.com/s/files/1/0564/7617/2332/files/c6backdrop.jpg?v=1672958460) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
overflow: auto;
}

#noise {
position: fixed;
height: 100%;
width: 100%;
pointer-events: none;
background: url(https://cdn.shopify.com/s/files/1/0564/7617/2332/files/GrainBackround.gif?v=1667804647);
opacity: .15;
z-index:99999999999999999999999999999999999999

here is liquid to activate the noise background:

2

Hi @VicexGrips

Please add this code below to your theme.liquid before tag file of Dawn theme in Online store > Themes > Edit code

And then add this code

after tag in theme.liquid file

3

tag didnt work after body hmmm?

4

Code doesnt work now?

5

the backround shows up

behind the current white backdrop

I have the schemes set to transparent tho?

6

for some reason the code worked earlier and now it doesnt?

help?

7

hey bro the code doesnt work anymore?

8

Hi, please send me preview link of your Dawn theme

9

I reached to limit of private message. Please update code to remove white background color to this

.product-media-container, .card--card, .card--standard .card__inner { background: none !important; }

And use this to change color of product text

.product__info-container,
.share-button__button, .share-button__fallback button,
.product .price .badge, .product .price__container,
.product__title h1 { color: #fff !important; }
10

awesome bro also cover style in code might be making the backround too stretched out?

how can I change that

11

Your background image is smaller than page width so it should be cover option