How do i remove this white box from under my countdown timer in my header.liquid folder

[dumbl3d00r]

[Mehran_Ali]

Hi @dumbl3d00r 

Kindly share you store URL and password if it password protected 

[LizHoang]

Hi @dumbl3d00r ,
Thank you for your question.

To remove the white box under your countdown timer in Shopify, you can try modifying your header.liquid file in the theme editor. Here’s how you can do it:

1. Go to Online Store > Themes in your Shopify admin.

2. Click Actions next to your current theme, then select Edit code.

3. In the left sidebar, locate and open the header.liquid file.

4. Look for the code that renders the countdown timer or the element that wraps it.

5. Add the following CSS to remove any background or padding that may be creating the white box:

   .your-countdown-timer-class {
   background-color: transparent;
   padding: 0;
   margin: 0;
   }

   Replace .your-countdown-timer-class with the actual class name of the countdown timer element if it has a specific one.

6. If this doesn’t work, inspect the element in your browser's developer tools (usually by right-clicking and selecting Inspect) to find the exact class or ID applied to the white box. Add custom CSS targeting that element.

7. Save your changes and refresh the page to see if the white box is removed.

I hope my answer is helpful!

Best,
Liz.

[LizHoang]

Hi dumbl3d00r,

Thank you for your question!

We're more than happy to help you with that. To check it further, could you please share with us your store URL and password if it is password-protected?

Look forward to hearing from you soon!

[GTLOfficial]

Hello @dumbl3d00r 
It seems like issue is resolved

Thanks