Countdown customisation

[Petercity]

Hi,

I would to customize the countdown counter:
– Adjust size (the two default size (big /small) are not suite for me.
– Add a space between word and hours digit, I would like something kike:
293 DAYS 12 HOURS 8 MINS 7 SECS
– Add Extra color to digit and word.

If needed, could me provide me an extra custom CSS to play with ?

Thanks for your support.

[Tahir – SUPPORT]

Hi,
Can you please provide a page link so i can give you page specific css.

Thanks
Tahir

[Petercity]

See below the link:
http://www.glendiz.com/

I countdown was embedded in a layer of Revolution slider.

But please, could you provide something that i can play with to modify the countdownn anywhere is located (e.g : simple blog post)

Thanks.

[Tahir – SUPPORT]

Hi,
This is the original css

/* --------------------------------------------
	COUNTDOWN SHORTCODE
-------------------------------------------- */

.sf-countdown {
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	text-transform: uppercase;
}
.sf-countdown.text-large {
	font-size: 48px;
	line-height: 72px;
}
.sf-countdown .countdown_section {
	display: inline-block;
}
.sf-countdown .countdown_section .amount_label {
	display: inline-block;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.countdown-subject {
	text-align: center;
	margin-top: 10px;
}

You can use any of these and place them in custom css area. For Eg:

div.sf-countdown {
	font-size: 20px;
}

I have written div first so that the font-size is overriden.

Let me know if you need more help.

Thanks
Tahir

[tracytracy]

How would one modify the countdown to add spaces between the words & digits?

so instead of
100DAYS15HOURS27MINUTES15SECONDS as it appears now I could change it to read as:

100 DAYS 15 HOURS 27 MINUTES 15 SECONDS

which is much easier to read.

thanks

[tracytracy]

also – how to remove the seconds, really don’t need that for an event countdown

thanks
-t

[Mohammad – SUPPORT]

Hi,

@tracytracy – please provide website URL so i can give solution easily .
Thanks

[tracytracy]

? I don’t understand why you need a url to look at the countdown? I haven’t done anything to the shortcode, it works just as it is supposed to, what I am wanting to do is MODIFY it so that it looks different. So I”m not sure why you want to look at a website… (which I wouldn’t mind but its currently on a testing server)

The way the countdown is formatted now – as seen in your demo – all the words & numbers run together/no spaces. It’s all one line.

I’d like to know if it is possible – and how – to get spaces between the words so that it isnt all jumbled together,

so instead of seeing: “188Days2Hours8Mins45Secs”

it would look like this: “188 Days 2Hours 8 Mins 45 Secs”

making it easier to READ

Thanks,

[Mohammad – SUPPORT]

Hi,
Please use this custom css Admin -> Theme Options -> Custom CSS

span.countdown_section{margin-right:5px;}

Hopefully it should work fine .
Thanks