Hi,
How to make countdown in 1 row also in mobile?
Solved
SP Page Builder
How to make Countdown 1 Row on Mobile
Asked by Yofie Setiawan
3 years ago
Last activity 2 years ago
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
3 years ago
· edited
HI Yofie,
I would use that:
.sppb-countdown-timer > .sppb-col-xs-3 {width: 33% !important;}
In new SPPB 5.x this may be needed
.sppb-countdown-timer > .sppb-col-sm-3 {width: 23% !important;}
33% only if you will disable showing seconds!
4 more replies
Anthony Grinblat
Where do you plug in that code?
Paul Frankowski Senior Staff
And how do you think is better for you?
It can be Template Options > Custom Code > Custom CSS
or
Inside that Page Settings > CSS
Anthony Grinblat
I put it in the Page CSS, see pic https://tatumgrinblat.com/images/Screenshot%202024-08-10%20at%209.59.09%20AM.png
Still nothing.
This is the live site: https://tatumgrinblat.com
Paul Frankowski Senior Staff
wrong CSS class name , not xs but sm in your case:
must be
.sppb-countdown-timer > .sppb-col-sm-3 {width: 23% !important;}
10% doesn't look good !!!!
Anthony Grinblat
It worked. Thank you!
Log in to reply.