CSS to remove a background of app

[marycrichton123]

I have tried the following code to remove the background of the countdown timer app using this code:

.countdown-timer-block, .countdown-timer-block * { background: transparent !important; } .countdown-timer-block { margin-top: 100px; }

However, it did not work - can you advise?

[mage-loyalty]

Hi, you can try the following:

#shopify-section-template--25742622622073__custom_liquid_DFagGH > div {
background: none !important;
}

This should remove the background from the countdown timer. Let me know how that goes.

Thanks

[abu_bakar.47]

yes i can remove the coutdown timmer

[suyash1]

@marycrichton123 can you please provide the website link? I can check code to provide you the css

[tim_1]

You can use this in the Sections “Custom CSS” setting:

.gradient {
  background: none;
}

This would make the text difficult to read though…

[websensepro]

Hello, @marycrichton123

Apply this code, it will only remove the background of your timer. It will not affect anything else on your store.

.password-main .color-scheme-1.gradient {
    --gradient-background: none !important;
}

Bonus tip: to make the timer more visible and look better:

countdown_timer_wrapper_cmfla6tao00dznrztnomu3aag {
    padding-top: 140px !important;
}

Thank You!