Password page 3 x errors

Store Design
, , , , , ,

Topic summary

A user is customizing their Shopify password page and encountering several styling issues:

Main Problems:

  • Timer removal: Attempted CSS code to hide countdown timer isn’t working
  • White line: Wants to eliminate a thin white border between header and body sections
  • Mobile background: Needs to upload a different background image specifically for mobile devices
  • Mobile typography: Wants the ‘dream big, join early’ text to display in subtitle font (not heading font) on mobile screens

Technical Context:
The user has tried targeting specific CSS classes (.countdown-timer-block and a custom wrapper class) with display: none !important; but the timer remains visible.

The discussion appears to be seeking CSS/HTML solutions for these theme customization challenges. No responses or solutions have been provided yet.

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, I have tried the following code:

countdown-timer-block {
display: none !important;
}

.countdown_timer_wrapper_cm2u9n9df232681191lx3axb59f {
display: none !important;
}

  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 much

FullSizeRender_VSCO_VSCO.jpeg
FullSizeRender_VSCO_VSCO.jpeg1050×2276 292 KB

FullSizeRender_VSCO.jpeg
FullSizeRender_VSCO.jpeg1859×1046 497 KB

Screenshot 2024-11-12 at 14.46.23.png
Screenshot 2024-11-12 at 14.46.23.png3262×1614 1.3 MB