Change animation size

Hello all,
We have decide to use the fest template as a page for our members in order to join and participate on video game tournaments.

So we are thinking to use the header animation for several entries. Join now, following the countdown etc etc.

I am trying via gk.stuff.css to reduce the font size of the countdown and of the overall animation.
The goal is to have a box of animation inside a table.

Example 1

Example 2


Do you think someone can guide me?

Thanks in advance

Hi, you have to overwrite few lines of css

NUMBERS

Code: Select all

.gk-jscounter > div > strong {  font-size: 60px !important;line-height:64px; }

Default was 80px;

DAYS, HOURS, MIN

Code: Select all

.gk-jscounter > div > small  {  font-size: 26px !important;line-height:28px; }

Default was 32px;

AFTER

after.png

The goal is to have a box of animation inside a table.

Which table? Could you add picture with your view/suggestion.

p.s.
You can always request support from us, but you need take in your mind that customization is not regular Template support.

Thank you Pawel F for your reply.
We need to reduce the overall size of the whole animation in order to place boxes next to each other.
header module position publish only 1 module horizontally.

So we will create on 1 module, html table [2 columns] and place horizontally the gk.animation code.
do you think it makes sense? or you have something better to suggest ?

Hi, you have to overwrite few lines of css

The goal is to have a box of animation inside a table.

Which table? Could you add picture with your view/suggestion.

p.s.
You can always request support from us, but you need take in your mind that customization is not regular Template support.