worldclock - nobody made this, so I did.

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!

Lagmin

This post is deleted!