Ik heb zelf ook eens gekeken, en de meeste gaan inderdaad maar tot ‘dagen’. Maar deze: https://wordpress.org/plugins/wordpress-countdown-widget/ gaat zelfs tot maanden en jaren en kan je heel simpel doen met een shortcode en dan nog wat CSS als je er wat opmaak wilt aan geven. Erg simpel! En je kan de benamingen van week/maand enzo ook aanpssingen in de instellingen qua vertaling, erg simplistisch en toch erg handig!
Zie:
Dankjewel Jeroen!
Ik heb in de tussentijd T(-) Countdown ontdekt die ik ook heel mooi vind, maar ik loop er tegen aan dat in de mobiele versie de ‘N’ van seconden wegvalt. Als het goed is, kun je via deze link de print screen zien:
Heb jij enig idee met welke code ik dit kan aanpassen? De letter valt nl buiten de cijferbox en ik krijg dit niet aangepast.
Ik zie geen print screen (je kan hier geen images kopiëren of uploaden) — gebruik eventueel snipboard.io of iets gelijkaardig, maar CSS voorzien of suggereren zonder de HTML opbouw op de URL te zien…
Kun je deze link zien? De stijl heet Cloud-City.
https://drive.google.com/file/d/1BoKbjG89vY5k6Kd-_kU9DB7qq_EcPZyl/view?usp=sharing
Ik heb jouw widget geprobeerd, maar die is niet te zien op een mobiel, althans, ik zie het nog niet.
Ik kan die link inzien ja, maar ik kan je geen CSS bieden zonder de URL naar die countdown te zien en hoe die plugin die je nu koos zijn structuur opbouwt en ook niet zien hoe het komt dat de ‘n’ buiten beeld valt …
Ah zo, ik ben hier net mee begonnen, dus ik ben er nog niet heel goed in thuis..
Wat heb je precies van mij nodig?
De URL waar je de momenteel de countdown op hebt staan. (als de site waarop je bezig bent publiekelijk is…) Dan kan ik of iemand anders hier die code zien op de pagina en kijken of we kunnen helpen zodat het wel volledig zichtbaar is.
https://www.robenmarieke.com/programma/
Deze pagina heb ik bewust nog verborgen gehouden om mee te kunnen rommelen.
Ik heb deze plugin gebruikt:
https://nl.wordpress.org/plugins/t-countdown/
Ik heb deze shortcode ingevoerd:
[tminus t=”2022-09-10 15:00:00″ style=”cloud-city”/]
Dit heb ik bij Custom CSS ingevoerd:
selector { font-family: Questrial; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 10px; }
Ik vind het verder een hele mooie teller, dus ik hoop dat we het detail kunnen aanpassen!
Net even gecheckt op de tablet en daar gaat het goed in portrait stand.
Seconden is erg lang, net zoals minuten. Het feit is dat vanaf 650px breedte dat het probleem er is, een snelle fix zou zijn door deze css:
.cloud-city-dash_title {
font-size: 0.6em;
}
Staat nu op 0.7em, en met het ietsje kleiner te zetten valt het binnen de breedte van de cijferblokjes erboven.
Super 🙂 Ik plaats het topic op opgelost.
