• Resolved robbob37

    (@robbob37)


    Hi there, just found the plugin and looks great!

    I am having multiple clocks on one page (like certain times in parts of the world). Say I have 5 clocks side by side as part of a widget is there a way to style them slightly so that they are in the centre and also increase the space between them. I am using this site to develop at the moment so you can see what I mean http://dev1.trafiki.com/ and it will hopefully look like the clocks on http://victornoble.co.uk/

    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?

    Thank-you

    https://wordpress.org/plugins/coolclock/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Rolf Allard van Hagen

    (@ravanh)

    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!

    Thread Starter robbob37

    (@robbob37)

    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!

    Plugin Author Rolf Allard van Hagen

    (@ravanh)

    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
    http://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>

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Multiple clocks – positioning’ is closed to new replies.