MMM-Worldclock

[SoleLo]

@macg

I added your custom css but the title is showing overlapped and I have it as style left, should I change it to top like yours?

[MacG]

@solelo Adjust the width to 200px

 .MMM-Worldclock .world {
       width: 200px;
 }

The module may also have an alignment problem on the right side. Further customization of custom.css may be required.

[SoleLo]

@macg Ok thanks I’ll mess around with it some more and see if I can get it customized. I figured it was simple as adding your custom css snippet in but I guess not

[MacG]

@solelo Just try to set the width higher and higher, eventually nothing will overlap anymore. But it will probably be quite wide, with the cities next to the time. Maybe that’s why style: ‘top’ is the better choice.

[sdetweil]

@solelo see this

https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1632064035932

u can change the styles livee and then save it to custom.css…

note that you can doc the dev window at the bottom too, using the 3 dot menu next to the X to close the dev window

[MacG]

A supplement to the development tools. When you open it, you can select “Sources” and pause script execution with the “pause button” or F8 in the lower third. This makes it easier to get through all the style classes, which otherwise update every second.

[goldyfruit]

I used to install the original woldclock module, just switched to this one and it worked out of the box.

Thanks for the work. :clapping_hands:

[SymmetriC]

How do I center horizontally at the top of the screen instead of left?

[sdetweil]

@SymmetriC put it in the top_center position

[BKeyport]

@sdetweil or top_bar