![]() Rounded Corners If you would like to have round border corners, type in a numerical value. There are all the usual Advanced tab settings for margins, visibility, animations, and advanced HTML settings. Choose a border style by clicking the dropdown. Use this setting to increase the "fatness" of the circle. Use this setting to control the distance between the text and circle. You can choose a colon or a pipe symbol as a separator.Ĭircle styles section ( Numbers + Circles layout only) ĭisplays the amount of time remaining in each time unit.ĭisplays the portion of the circle not taken up by the foreground color. Separator section ( Numbers layout only) Ĭhoose Yes to show a separator between each time unit. Rounds the corners of the background color squares. Inserts a square of color behind the color/unit pair. This section appears for the Numbers layout only. To control the space between the numbers and the circle, use the Circle size setting in the Circle styles section described below.Check vertical spacing in responsive mode, as well as horizontal spacing in all modes – or make use of the overlap for effect! If the Circle size and Circle Stroke size are too large, they can overlap, as you can see in the screenshot.With the Numbers + Circles layout, only the Number spacing setting is available, so you can set only the left and right margins between numbers, shown in this screenshot. The padding settings are associated with the fl-countdown-unit class, whereas the left-right spacing is associated with the fl-countdown-number class. The following screenshot shows a Numbers layout with the Horizontal padding, Vertical padding, and Number spacing settings mapped onto a CSS box. Used in both types of layout to increase or decrease the left and right margins for individual numbers. Vertical padding ( Numbers layout only).Horizontal padding ( Numbers layout only).The standard Typography section for the text displayed under the numbers. The standard Typography section for the numbers displayed. This is the standard horizontal alignment toggle, which can be set to different alignments on large, medium, and small devices. This setting includes numbers plus the text under the numbers for each unit of measurement (days, hours, minutes, seconds).Īdds a circle around the numbers that visually shows the time remaining: number of seconds left in a minute, minutes left in an hour, hours left in a day, days, left in a year. This tab has a top section of settings, followed by several sections that vary depending on the type of layout you select. You can specify the target date and time, including choosing the timezone that The Countdown module displays a visual timer that counts down to zero for a date and time that you specify. ![]()
0 Comments
Leave a Reply. |