Search code examples
javascriptcssflipclock

Hide Seconds Counter on Flipclock.js


I'm currently working on a project where the requirement is to use flipclock.js to create an HH:MM counter.

I'm using the HourlyCounter clock face. Does anyone know how I could hide the seconds part?

Thanks in advance!

UPDATE

After using @Rahul's css, i've gotten the following:

enter image description here

UPDATE2

I've got an image of the inspected element if that helps:

enter image description here


Solution

  • Note: Since you dont provide any code/demo Im taking reference from http://flipclockjs.com/

    here you go...

    you can use below code, this will hide seconds part

    .flip-clock-divider.seconds , .flip-clock-divider.seconds ~ .flip.play {
        display: none;
    }
    

    enter image description here

    then you may need to adjust width accordingly like

    .header .clock{
      width: 300px;
    }