Countdown custom

[alen_fly]

Hi!
Could you tell me, how can i customize countdown text color (numbers and text) , space between text and numbers.
And how to translate text to Russia?

[Rui Guerreiro – SUPPORT]

Hi,

To change the color add the code below to your custom css options and adjust the color to your desired

.sf-countdown.text-large{
color: #000;
}

Regarding the spaces in the text you need to use nbsp; to give a space.

You can translate it using this plugin
https://wordpress.org/plugins/real-time-find-and-replace/

Hope it helps.

-Rui

[alen_fly]

Hi, i talk about separate colors for numbers and letter

[Rui Guerreiro – SUPPORT]

Can you provide me admin credentials to see if it’s possible to that with the colors?

-Rui

[alen_fly]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Add the code below to create some space between the text.

.countdown-section {
    padding-right: 20px;
}

.countdown-amount {
    padding-right: 10px;
}

It will look like this
https://www.dropbox.com/s/qo1zfog93w16n1y/Screenshot%202016-11-01%2011.48.44.png?dl=0

-Rui

[David Martin – Support]

Hi,

Please add this to Theme Options => Custom CSS:

/* Countdown Number */
.countdown-amount {
  color: blue;
}

/* Countdown Text */
.countdown-period {
  color: red;
}

[alen_fly]

txh to all

[David Martin – Support]

Marking as resolved.

Thanks.

[leggero]

Hi

The Code works fine on Desktop, but on mobile only parts of it are visible:

http://www.santashop.ch

Any ideas how to make it responsive?

Thanks and best regards

Caspar

Attachments:

You must be logged in to view attached files.

[alen_fly]

have the same problem.
resolved by follow method.

i create 2 countdown section.

first wisible on desktop and tablet

[sf_countdown year="2016" month="11" day="10" fontsize="large" displaytext=""]

second visible only on phone

[sf_countdown year="2016" month="11" day="10" fontsize="small" displaytext=""]

[leggero]

@alen_fly

great idea, thanks – it works! Wasn’t thinking of the small/large.

best, Caspar

[David Martin – Support]

Thanks for the contributions guys!

– David.

[oneononebranding]

i want to make my countdown smaller and align to the right like my button animated headline. also it doesnt appear on my moblie

Attachments:

You must be logged in to view attached files.

[oneononebranding]

I changed it to a text with background color, however its ot showing the countdown properly, And i want the desktop version moved over, plus there’s a ine going across the desktop.

http://www.evidencehairextensions.com