How do I add a GIF to my password page?

[nlight]

I made and saved a GIF to my assets and was wondering what the code "format" is so I can successfully add the GIF to show on my password page. Obviously I am not a "coder", but I could not find the answer to this anywhere. Thank you for reading and hopefully I can get an answer!

[KetanKumar · Accepted solution]

Hello, @nlight 

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/upload your GIF File-> after below code your password page whenever do you have liked.

<img src="{{ 'yourgif.png' | asset_url }}" alt="{{ shop.name }}" itemprop="logo">

can you please just change file name your gif to uploaded gif fine name

[nlight]

@KetanKumar 

That worked perfectly! I do have one more question, what would the code be to center the gif on the page? Thank you again for your help!

[KetanKumar]

Hello, @nlight 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[nlight]

@KetanKumar 

https://shopforeverybody.com

[KetanKumar]

@nlight 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.password-main__inner {text-align: center;}

 also, please remove gif blank spacing

[nostalgiaLTD]

@KetanKumar 

I am following this method but I cannot seem to center my GIF logo on the password page. Any help would be greatly appreciated.

https://nostalgia.ltd/password

Also, is there a way to make the GIF larger? Or would I just have to upload a bigger GIF image in the asset folder.

Thanks so much in advance!

[KetanKumar]

@nostalgiaLTD 

Thanks for post 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

.password-page img {
    margin: 0px auto;
    display: inherit;
}

[nostalgiaLTD]

@KetanKumar 

Thanks so much!

[KetanKumar]

@nostalgiaLTD 

Thanks for update and support.