count down clock alignement center

[markie77]

i was wondering if theres a way to lower / center the countdown clock in plain jaine 2.0 

[Made4uo-Ribe]

Hi @markie77 

Please, share your store URL. Thanks!

[markie77]

bleuface.online 

[Made4uo-Ribe]

I can’t see the countdown on the shared link.

[markie77]

hey check now 

[Made4uo-Ribe]

Thanks for the info, try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media screen and (max-width: 705px) {
    .password-bg-overlay .countdown-timer {
        position: absolute; 
        top: 50% !important;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

• And Save.
• Result:
  

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[namphan]

Hi @markie77,

Please send the website link, I will check it for you

[markie77]

bleuface.online

[markie77]

thanks for replying back hopefully you can assist . 

[namphan]

Hi @markie77,

Please go to Actions > Edit code > Assets > plain-jane.css file and paste this at the bottom of the file:

@media screen and (max-width: 705px) {
    .countdown-timer {
        top: 50% !important;
    }
}