How can you reduce the spacing around the timer?

Ask the Community Customization
1

Adding the timer in a header on my landing page but the spacing is making it huge. I can see you can use customer CSS on some other applications to fix this. Is this possible with the countdown timer?

1 Like
3

Hey there @user5163 :wave:

Could you please send me a direct link to the page where your widget is installed? I’ll gladly check it for you :slightly_smiling_face:

1 Like
4

Hi, I have preciously received some help in changing the size and the padding. I copied what I have in the CSS panel of the app, but obviously, this was how it fitted for my use case, clipping it to the bottom of the app Popup. But at least, here you can see the selectors, so you can experiment and change it all to the size and padding you need. Please note, I’m not an expert and not sure it’s all correct, I am just another user who got help fro support for the basics of this code and then manipulated it until it fitted as wanted.
Hope this helps,
kind regards,
Ingrid

.global-styles,
.eapps-countdown-timer {
padding-top:0px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
margin-top:-10px;

max-width:90vw;
min-width:300px;
max-height:130px;
}

2 Likes
5

Thanks Ingrid, I think I can tweak this to work :slight_smile:

1 Like
6

If I face any other issues, I’ll send them over. However, Ingrid has provided the answer I think. Thanks for your help anyway Max.

1 Like
7

Thanks for letting me know! Good luck!
PS. The width of 300 px was large for a timer, but that’s because that was the same width as the promo popup that this was put into as a bottom section. It fitted then seamlessly as if it was an all-in-one popup with a timer. Quite a nice tweak to be able to put a widget inside another widget! But it’s probably too large for just a stand-alone timer.

1 Like
8

Hi @user5163 :wave:

Great! If anything comes, we are always here to help :wink:

9

A post was split to a new topic: Reduce spacing