How to make Debut theme password page background a gif like this?

Fatherr
New Member
10 0 0

Hey I was wondering if anyone could help with the code and where to place it to make my password page background a gif as this website did: https://www.kth-la.com/password

 

the gif is good on both desktop and mobile. any help with sizing too?

Replies 20 (20)

suyash1
Shopify Partner
9080 1129 1479

@Fatherr - it is set to password page background, so we too can set it using css, choose gif image you want and we can set it

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Fatherr
New Member
10 0 0

For mwanela.com use this gif - http://gph.is/2bFYEbK (already in assets as Kobe-1.gif if you need it)

 

and if you can also do it on shopcleanest.com with this gif - http://gph.is/16QFJzz (already in assets as Kobe.gif if you need it)

suyash1
Shopify Partner
9080 1129 1479

@Fatherr - it will be something like this, will need to make multiple css settings, difficult on browser, but check screenshot, is it what you want?

suyash1_0-1613894131620.png

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Fatherr
New Member
10 0 0

it's cool but I need the text to be centered

suyash1
Shopify Partner
9080 1129 1479

@Fatherr - it can be centered, only the thing is was difficult to make changes on browser, but it will be centered.

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Fatherr
New Member
10 0 0

Ok then yes that works perfectly. it will be animated correct?

suyash1
Shopify Partner
9080 1129 1479

@Fatherr - yes, it will be animated.

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Fatherr
New Member
10 0 0

ok perfect. so how do we add it to my store?

 

suyash1
Shopify Partner
9080 1129 1479
yes, please add me to staff.
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Fatherr
New Member
10 0 0

ok i added the email you have in your footer

Fatherr
New Member
10 0 0

added!

Fatherr
New Member
10 0 0

Any update?

suyash1
Shopify Partner
9080 1129 1479
hi, sorry, doing it now
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
suyash1
Shopify Partner
9080 1129 1479

@Fatherr - please check - https://shopcleanest.com/password

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Fatherr
New Member
10 0 0

On mobile it's not centered and on the desktop version there's a big white space towards the bottom of the screen

white space at bottomwhite space at bottomgif not centeredgif not centered

enrique00
Tourist
8 0 1

Hello

Could you guide me on how to get the background to do this:

https://shroombeach.com/

Is it a GIF or video or animation?

what needs to be added in the code so that the background has this effect/look?

Thanks.

 

suyash1
Shopify Partner
9080 1129 1479

@enrique00 - add this css to the end of your theme's css file and check 

body {
    animation: change 5s ease-in-out infinite;
    background-image: linear-gradient(-90deg, #3abbcf, #c564cc, #da9a6b);
    background-size: 400% 400%;
}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
surfskrt
Visitor
1 0 0

@suyash1 please help me I would like a background homepage like this https://crimecowboy.com/ and also a password page let me know what to do thank you so much 

suyash1
Shopify Partner
9080 1129 1479

@surfskrt - it is a gif image set as slider, we can set it as background image, o you have gif image you want as background?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
GG_AMALA
Visitor
1 0 0

Hi i want to make a gif the background to my homepage and password page. I do Have a gif file and code to embed.