Multiple clocks – positioning

Hi Rob, let’s say you want to distribute 5 clocks over the width of the page then set each widget to “Align: Center” and add the following rule to your theme stylesheet:

#main-top .coolclock {
  width: 20%;
  float: left;
}

Also, a side note…I assume that for each time-zone that I want I will need to find the GMT+ whatever value is required?

Yes. But please be aware that when using a GTM offset there will be NO automatic daylight savings time adjustment. So each half year you(r client) will need to adjust the clocks manually!

ah brilliant, I thought it might be something like that!

Are there any plans to embed timezones/daylight savings in future upgrades?

Also thanks for quick reply!

Are there any plans to embed timezones/daylight savings in future upgrades?

No. The plugin simply integrates the existing Coolclock script into WordPress. I have no intention of adding a timezone feature to it. Not at this point anyway ??

Hi Love your plugin. Exactly what I was looking for.

I am also trying to put 5 clocks in a row, but with short codes entered in a text widget, and placed in a footer. I added the rule you provided above and put the short code in, but they come in aligned vertically, not in a row. Can you help?

Thanks!
Mark

Hi mcnaden make sure to NOT check the option to create automatic paragraphs. If that widget option is not checked then it sounds like the widget simply does not span the full page width. If the footer widgets area does span the page width then simply place multiple coolclock widgets after each other but you will be limited to the design of your theme… Unless you are willing and able to create a child theme and adapt style rules or footer.php to fit your needs.

Thanks for the reply.

Sorry, I forgot to include my site link. The clocks are in the footer
https://dev.bearleaderchronicle.com/site/

I checked and automatic paragraphs were not checked.

To confirm I added exactly this into the style.css

#main-top .coolclock {
  width: 20%;
  float: left;
}

I am not spanning the full page width, just the column width that I defined in footer.php

Now with the full picture, I would be grateful if you had any other thoughts.

Thanks!

Hi mcnaden, the style rules in this thread are specific for the theme that robbob37 the OP uses. They will not work for your theme. In any case, looking at your sites footer I see 4 clocks in a row. Is that not what you want?

Thanks for the reply.

Doing some experimenting, I found I could achieve what I needed in a text widget with this.

<div style="float: left; width: 25%;">[coolclock /]</div>