How to move the number value above Days/Hours/Minutes

  • Resolved crfrankenbery

    (@crfrankenbery)


    6 years, 5 months ago

    Hi there.

    I don’t like how the countdown says ‘DAYS 88′ – is it possible for these to be flipped so it reads ’88 DAYS’ <– this is more gramatically correct ??

    Example:

    88
    Days

    24
    Hours

    14
    Seconds

    Right now, the countown is setup to read

    Hours
    24

    Seconds
    14

    If you could provide steps on how to implement this that’d be great!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Anoop Ranawat

    (@anoopranawat)

    Hello,

    Thanks for reaching here.

    Sorry for the inconvenience but text flipping feature is not available

    Thanks

    • This reply was modified 6 years, 5 months ago by Anoop Ranawat.

    Hi there,

    You can change the display order by making use of CSS flex directives.

    For example:

    .time_circles > div {
	display: flex;
	flex-direction: column-reverse;
}
.time_circles > div > h4 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-transform: inherit;
	font-family: "Montserrat", Sans-serif;
	font-weight: 300;
	margin-top: 1em;
	font-size: 12px !important;
}
.time_circles > div > span {
	display: block;
	width: 100%;
	text-align: center;
	font-family: "Montserrat", Sans-serif;
	font-size: 17px !important;
	margin-top: 0px;
}

    You’re welcome ??

    • This reply was modified 6 years, 4 months ago by hdinvest.
    Plugin Author Anoop Ranawat

    (@anoopranawat)

    Hello,

    Thanks for your feedback you can use this custom CSS

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to move the number value above Days/Hours/Minutes’ is closed to new replies.