How can I change the slider to a background image in the Brooklyn theme?

Store Design
1

Hello, can somebody help me ?

I use brooklyn theme and the brooklyn theme has " slider " on homepage, i want to have just background image on the homepage, that resize to phone

like this : www.demonitesbrand.com

Can anybody please help me to get background like this, for pc and also show that full image on phone ?

2

my website is : https://www.doublenegative333.eu/

and password is : yokay

3

Hi @samuelhanxx your current gif has a solid background. first, you will need to remove that background, like your reference website has a transparent gif.

https://cdn.shopify.com/s/files/1/0272/9223/7889/t/4/assets/ezgif.com-gif-maker_15.gif

then plz add this code at the bottom of theme.scss file;

.hero-slideshow {
    background: url('your-background-image-or-gif-url-here');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

plz change this your-background-image-or-gif-url-here with your URL.

4

id doesnt work, im looking to change this background to fullscreen and fit on mobile i want to change the background just on homepage,

samuelhanxx_0-1660296072037.png
samuelhanxx_0-1660296072037.png1939×1039 463 KB

5

i was trying adding this to theme ccsss :

but it doesnt work either

.template-index {

display: table;

height:

100vh

;

width: 100%;

background-color: transparent;

background-size: cover;

background-position: center center;

background-image: url( my url here );

background-repeat: no-repeat;

background-attachment: fixed;

}