Password page countdown timer

[marycrichton123]

Hi all, 

I am building a website on the Whisper theme. The website is for my clothing brand. To create excitement I have a password page, which will include an email input field and also a countdown timer. 

Countdown timer

• I have installed the app Essential Countdown app - can anyone help me with 
• 1. removing the background from the timer
• 2. making it possible for the countdown timer to over lay the image (please see mock up attached) 

Thanks,

Mary 

[Moeed]

Hey @marycrichton123 

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[marycrichton123]

https://admin.shopify.com/store/1620f0-c9/themes/174758396252/editor?previewPath=%2Fpassword

[Moeed]

That's the URL of your admin dashboard, please share the URL of your website's front end.

Best Regards,

Moeed

[marycrichton123]

Sure, but are you able to see the password page?

https://1620f0-c9.myshopify.com/

[Moeed]

Can you enable password on your website so I can view the password page?

Best Regards,

Moeed

[marycrichton123]

done password: mishmash

[Moeed]

I'm unable to see any countdown timer on your password page, do you have it disabled?

Best Regards,

Moeed

[marycrichton123]

now?

[Moeed]

Hey @marycrichton123 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.countdown_timer_wrapper_cm2u9n9df232681191lx3axb59f {
    background: transparent !important;
    margin-top: -400px !important;
    z-index: 9999999 !important;
    position: relative !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[marycrichton123]

This is amazing are you able to tell me how you did it?

[Moeed]

Just simply follow the code instructions which I gave you and then it should be looking good!

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[marycrichton123]

How would I fix it for mobile?