Resize timer/responsive one line

  • Resolved ZLC

    (@kindnessville)


    5 years, 3 months ago

    Hi Nabil,

    One last challenge 😊: No matter what I do, I cannot change the font size of my timer. I’m able to adjust the label size, but not the timer itself.

    I’m trying to change the size because when I look at it on mobile, the seconds move to another row. My thought is changing the font size will help the timer appear in one row.

    Help with having the timer appear on one row and/or change the font size would be great. Perhaps some direct CSS to override the style setting?

    Thanks again!

    The page I need help with: [log in to see the link]

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

    (@nlemsieh)

    5 years, 3 months ago

    Hi,

    You can add a custom css to your website:
    It will change size to 15px for small screens. Feel free to adjust it.

    @media(max-width: 360px)
{
  .hurrytimer-cdt--{ID} .hurrytimer-cdt__time{
    font-size: 15px;	
  }

  .hurrytimer-cdt__dur{
    padding: 5px 0;
  }

}

    Make sure to change {ID} by your countdown ID.

    Hope that helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Resize timer/responsive one line’ is closed to new replies.