Forum Replies Created
-
AuthorPosts
-
Rolf
KeymasterOr with black background added to cover the red brown orange bands:
[coolclock skin="retro" radius="200"] { "outerBorder": { "lineWidth": 100, "radius": 50, "color": "black", "alpha": 1 }, "largeIndicator": { "lineWidth": 10, "startAt": 75, "endAt": 95, "color": "white" }, "hourHand": { "lineWidth": 10, "startAt": 0, "endAt": 70, "color": "white" }, "minuteHand": { "lineWidth": 5, "startAt": 0, "endAt": 80, "color": "white" }, "secondHand": { "lineWidth": 2, "startAt": 0, "endAt": 85, "color": "white" }, "secondDecoration": { "lineWidth": 4, "startAt": 0, "radius": 8, "color": "white", "fillColor": "white" } } [/coolclock]
Rolf
Keymaster{ "largeIndicator": { "lineWidth": 10, "startAt": 80, "endAt": 100, "color": "white" }, "hourHand": { "lineWidth": 10, "startAt": 0, "endAt": 75, "color": "white" }, "minuteHand": { "lineWidth": 5, "startAt": 0, "endAt": 85, "color": "white" }, "secondHand":{ "lineWidth": 2, "startAt": 0, "endAt": 90, "color": "white" }, "secondDecoration": { "lineWidth": 0, "startAt": 0, "radius": 10, "color": "white", "fillColor": "white" } }
Rolf
KeymasterHi Steve, first: My appologies for this late reply. Somehow the messaging system seems to have failed and you did not get the help you needed at that moment.
Looking at your sample page, I see you have tried another clock solution in the meantime.
To answer your questions as much as possible:
The clock hands cannot be larger than 100% of the clock radius. To make the minute and second hands go past the minute/hour markers, you will need to move the hour markers inward instead.
Take a look at the clock named “Mister” at the end of https://premium.status301.com/knowledge-base/coolclock/skins/ for example. There, the second hand is further out than the hour markers. Or the clock “Machine”, fifth from the top, where the minute hand is further outside.
A custom skin with these parameters might be close to what you are looking for:
Rolf
KeymasterHi George, good to hear that! If you could find the time to share the solution (even if it’s an obvious one) it could help others that encounter the same issue. Much appreciated 🙂
Rolf
KeymasterHi Jorge, both categories and tags at the same time is not possible. Your only solution would be to set it to Keywords and then (when creating your news posts) assign copies of the tags and categorie names to the (new) Keywords field.
Rolf
KeymasterHi Carrington, have you set the the Browser & device compatibility options (height and/or width) under “Miscellaneous” on Settings > Media?
Rolf
KeymasterHi Carrington, our apologies for the inconvenience. Somehow the form submissions were filtered out as spam. Good thing: your last message did come through. Thank you for insisting and trying again!
We’ll have to rethink our spam filters, currently being applied to all forms, not just the public ones…
Rolf
KeymasterUpdate: I’ve been able to reproduce the issue and it looks like you found a bug.
While we’ll work on fixing it, could you switch to either the Legacy or the fancyBox2 script version on Settings > Media? It’s the first option in the Fancybox section.
The Legacy version will give you the script as it was in previous versions, while fancyBox2 is a more modern version with touch support but that’s not relevant in case of iframes…
Rolf
KeymasterHi Carrington, my apologies for the late reply. I’ve checked your page and see what you mean. I’ll try to reproduce this and will let you know asap.
Rolf
KeymasterHi Thiago, which version are you currently using?
Rolf
KeymasterThat looks good (even without the !important) just add an
overflow:hidden;
🙂Rolf
KeymasterIn that case, try:
.fancybox-title-over { top: 0; bottom: initial !important; }
Rolf
KeymasterHi Chris,
Moving the title to the top depends on which Title option you are using. If set to the (default) option “Float”, then you can try with the following CSS. Adjust the value
-15px
if it does not vertically align with your close button (depends on several factors)..fancybox-title-float { top: -15px; bottom: initial; }
To keep the arrows visible you can use the following CSS which will do two things: make the arrows permanent and move them to the outer border like the close button (so they do not permanently cover the lightbox content.
#fancybox-left,#fancybox-right { width: 0; } #fancybox-right span { left: auto; right: -15px !important; } #fancybox-left span { left: -15px !important; }
Rolf
KeymasterTo make the hands fatter, increase the
lineWidth
value. TheendAt
value sets the length of each hand…Rolf
KeymasterHi Ken, it looks like you found a bug. The noseconds parameter is ignored unless you explicitly set it to 1 (or true) like
noseconds=1
. It will be fixed in the upcoming release, but in the meantime just add=1
to hide the second hand.To add a digital view to the clock, you can set the parameter
showdigital="digital24+"
but this cannot be done in combination withshowdigital="date"
.The
font
parameter applies only to the date/digital text and it must be in a very specific format to work. What are you trying to do? Make the text larger or in a different font face?To change the hour and minute hand colors, you’ll have to create a custom theme. The following example is a very basic one with blue hands:
[coolclock skin="custom" radius="60" showdigital="date" noseconds="1" align="center" background_image="http://fremontcountydems.org/staging/wp-content/uploads/1872-2022-CANONCITY-DEMOCRATS.png" background_stretch="contain"] { "hourHand": { "lineWidth":5, "startAt":-15, "endAt":50, "color":"#267EB9" }, "minuteHand": { "lineWidth":3, "startAt":-15, "endAt":65, "color":"#267EB9" } } [/coolclock]
This is the result:
-
AuthorPosts