Rolf

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 331 total)
  • Author
    Posts
  • Rolf
    Keymaster

    Or 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
    Keymaster

    Hi 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:

    in reply to: Navigation Arrows #40896
    Rolf
    Keymaster

    Hi 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 🙂

    in reply to: Can I use both tags and categories for Keywords? #40175
    Rolf
    Keymaster

    Hi 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.

    in reply to: Maintain Proportions #38788
    Rolf
    Keymaster

    Hi Carrington, have you set the the Browser & device compatibility options (height and/or width) under “Miscellaneous” on Settings > Media?

    in reply to: Is Support Still There? #38727
    Rolf
    Keymaster

    Hi 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…

    in reply to: Maintain Proportions #38720
    Rolf
    Keymaster

    Update: 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…

    in reply to: Maintain Proportions #38718
    Rolf
    Keymaster

    Hi 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.

    in reply to: Update not working #37861
    Rolf
    Keymaster

    Hi Thiago, which version are you currently using?

    in reply to: Easy FancyBox CSS help? #36654
    Rolf
    Keymaster

    That looks good (even without the !important) just add an overflow:hidden; 🙂

    in reply to: Easy FancyBox CSS help? #36646
    Rolf
    Keymaster

    In that case, try:

    
    .fancybox-title-over {
      top: 0;
      bottom: initial !important;
    }
    
    in reply to: Easy FancyBox CSS help? #36639
    Rolf
    Keymaster

    Hi 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;
    }
    
    in reply to: Changing hands color & size in shortcode #35597
    Rolf
    Keymaster

    To make the hands fatter, increase the lineWidth value. The endAt value sets the length of each hand…

    in reply to: Changing hands color & size in shortcode #35595
    Rolf
    Keymaster

    Hi 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 with showdigital="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:


Viewing 15 posts - 1 through 15 (of 331 total)