Show in same line as content

  • Resolved andresmolina

    (@andresmolina)


    6 years ago

    I cant seem to be able to show the counter on the same line as the rest of the content. Something like this:

    bla bla bla bla bla [hurry counter] bla bla bla bla

    Instead it does:

    bla bla bla
    [hurry counter] bla bla bla

    Can you help me doing some css magic maybe?

    there is another thing missing from your great plugin, that other plugins does which is the hability to show or hide in separate the days, hours, minutes or seconds. Maybe you can help me with some css trick as well for this until you implement it into the plugin.

    Thanks
    Kind regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Nabil Lemsieh

    (@nlemsieh)

    Hello,
    Thank for your great feedback.

    I’d like to let you know that we’re working on those possibilities, and they will be available in the upcoming release among with a bunch of cool features.

    At this time, you can accomplish that using CSS.

    1) To show the countdown timer on the same line as your content:

    .hurrytimer-cdt.hurrytimer-cdt--{ID} > * {
    display: inline;
}

    2) To show/hide days, hours, minutes, or seconds.

    
/*
Hide days
*/

.hurrytimer-cdt--{ID} .hurrytimer-cdt__dur:nth-child(1),
.hurrytimer-cdt--{ID} .hurrytimer-cdt__dur:nth-child(1) + .hurrytimer-cdt__sep{
Display:none;
}

/*
Hide hours
*/

.hurrytimer-cdt--{ID} .hurrytimer-cdt__dur:nth-child(2),
.hurrytimer-cdt--{ID} .hurrytimer-cdt__dur:nth-child(2) + .hurrytimer-cdt__sep{
Display:none;
}

/*
Hide minutes
*/

.hurrytimer-cdt--{ID} .hurrytimer-cdt__dur:nth-child(3),
.hurrytimer-cdt--{ID} .hurrytimer-cdt__dur:nth-child(3) + .hurrytimer-cdt__sep{
Display:none;
}

/*
Hide seconds
*/
.hurrytimer-cdt--{ID} .hurrytimer-cdt__dur:nth-child(4){
Display:none;
}

    Note, replace {ID} with your countdown timer ID.

    Let me know if you have other questions using the plugin.

    Plugin Author Nabil Lemsieh

    (@nlemsieh)

    I’m closing this thread for inactivity.
    Feel free to create another ticket if you need any help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Show in same line as content’ is closed to new replies.