Topic

Hello

I want it to be specific size and not keeping resizing what i can do?

Thanks

Replies

Plugin has options for this: ‘responsive’ and ‘recalculate’, and you can disable these. Again, everything is in documentation.

Hello

Can you please tell me in what documentation thanks !

There is a PDF guide in the plugin package with all options. It is in the folder called ‘docs’.

Hello

1. recalculate: false,
and
recalculate: true,
Have sane effect no change.

2. I added photo with the bug, you can see in bottom image there still free space but it reduces, it is huge problem for my iframe, it keep reducing unless i leave a lot of free space on the left.

There are few things plugin does to make timer responsive, and some is done in JavaScript, some is done with CSS. Responsive and Recalculate options deal with the whole width of the timer. CSS has media queries to change base font size used by all the styles. So, by default timer has base style of 14px, and depending on the browser size, this base font size is smaller so that the timer gets smaller on smaller screens. If you load ‘counter.pack.css’ file, open to edit that file and remove last line with styling (marked Responsive, starts with @media), and font size will no longer change with screen size.

Milan

Hello

What if i want the top screen and i want it to be fixed so it stop be smaller because as you see in photo i attached in last post, the clock getting smaller even when there empty space on left.

Thanks !!

Hello

Thanks here:

——————————————–
.stc-skin-simple,.stc-skin-circular,.stc-skin-animated,.stc-skin-custom{font-size:13px}}@media screen and (max-width: 800px){.stc-skin-simple,.stc-skin-animated,.stc-skin-custom{font-size:11px}.stc-skin-circular{font-size:12px}}@media screen and (max-width: 480px){.stc-skin-simple,.stc-skin-animated,.stc-skin-custom{font-size:9px}.stc-skin-circular{font-size:11px}}@media screen and (max-width: 220px){.stc-skin-simple,.stc-skin-animated,.stc-skin-custom{font-size:8px}.stc-skin-circular{font-size:10px}}
——————————————–

I can change the “max-width: 480px” and it stop getting smaller, thanks!!

As I said, you can safely remove all styles for media queries (@media). They are needed for responsive styling and they target different screen sizes.