worldclock - nobody made this, so I did.

A Former User

@Arjen_lima
Sorry for the confusion. that image was just sample of the different layout configuration. That was not real, it was photoshopped.

Peter

Can somebody help me to change the font size of this module?
I would like to have the time a little smaller; about the same as the size of the citynames.
Thanks.
Peter

ninjabreadman

@Peter This should work:

.worldclock {
  font-size: 73%; /* adjust value as needed */
}

Peter

@ninjabreadman thanks!
It works fine.
Peter

cookblook

Hello,

very nice module. Is it possible to have the clocks horizontal instead of vertical?

A Former User

@cookblook
You can redefine CSS of .worldclockand.worldclock .world to arrange horizontally with flex things of CSS3.

cookblook

@sean like display: flex;? tried that but it didn’t work

A Former User

@cookblook
This will work, add this into your css/custom.css

.worldtime {
  display:flex;
  flex-direction:row;
}

.world{
  width:200px;
}

cookblook

@sean Thanks!! That worked :-)

BKeyport

Ulrich/Sean -

I’ve got a bug - supposedly it’s supposed to allow override of the time format per clock. I’m trying to get a 24 hour clock only on the UTC clock. “LT” is “hh:mm A” here…

Thanks!

{
 module: "worldclock",
 position: "top_left", 
config: { 
 timeFormat: "LT", style: "left",
 offsetTimezone: null,
 clocks: [
 {
 title: "Local",
 timezone: "America/Los_Angeles",
 }, 
{
 title: "UTC",
 timezone: "UTC",
 timeFormat: "HH:mm",
 }, 
 ]
 },
 },

Thanks!