Password page help

Store Design
, ,

Topic summary

A user is customizing their Shopify password page for pre-launch email collection and needs help with several design modifications:

Main Issues:

  • Timer removal: Wants to temporarily hide the countdown timer. CSS code was attempted but didn’t work initially.
  • White line: Seeking to remove a thin white line between the header and page body.
  • Mobile background: Wants to upload a different background image specifically for mobile devices.
  • Mobile typography: Prefers the “dream big, join early” text to appear in subtitle font rather than heading font on mobile screens.

Progress Made:

  • Another user suggested checking the password page customize settings for separate image upload options.
  • Provided CSS code targeting the countdown timer and mobile heading font size.
  • Follow-up confirmed the countdown timer was successfully hidden after applying the solution.

Status: Partially resolved - timer issue fixed, but other customization requests (white line, mobile background, mobile font) remain unaddressed.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

I have created a password page to build excitement and collect emails:

https://mishmash.world/password

  1. I want to remove the timer for the moment, but not forever, I have tried the following code:

Screenshot 2024-11-12 at 15.19.45.png
Screenshot 2024-11-12 at 15.19.45.png1276×342 33.7 KB

  1. I want to hide the thin white line between the header and body of the page

  2. I want to upload a different image for the background on a the mobile.

  3. on the mobile screen I would like the ‘dream big, join early’ text to be in the subtitle font, not the heading font

Thank you very much

FullSizeRender_VSCO_VSCO.jpeg
FullSizeRender_VSCO_VSCO.jpeg1050×2276 292 KB

FullSizeRender_VSCO.jpeg
FullSizeRender_VSCO.jpeg1859×1046 497 KB

1 Like
2

@marycrichton123 to upload separate images, please open password page in customize settings and check if you have an option to upload separate pages

.countdown_timer_wrapper_cm2u9n9df232681191lx3axb59f {
    display: none !important;
}

@media screen and (max-width: 767px) {
.password-main h2.rich-text__heading.rte.inline-richtext.hxxl {
        font-size: 24px !important;
    }
}
3

@suyash1 Thank you so much

Annoyingly the code did not fix hiding the countdown timer:

https://mishmash.world/password

4

@marycrichton123 - counter is hidden, I see like this

suyash1_0-1731549971907.png
suyash1_0-1731549971907.png1366×768 355 KB