counter – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sun, 23 Feb 2025 07:07:52 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 Element: Counter https://xtratheme.com/docs/page-builder/element-counter/ https://xtratheme.com/docs/page-builder/element-counter/#respond Mon, 17 Jun 2024 06:19:14 +0000 https://xtratheme.com/docs/?p=1454

Video Tutorial

Description and Screenshot

Step 1

Count from 0 to the certain number that you want.

Counter1
  • Prefix – The text before or above number
  • Number – Number which you want to count automatically from 0 to it
  • Symbol – Symbol after number
  • Suffix – The text after or below number
  • Position – Potion of container or element children
  • Duration seconds – How many seconds you want to take count from 0 to your number
  • Delay seconds – How many seconds you want to stop before starting counter to count
  • Container Styling – Container styling such as background or border, etc.
  • Number Styling – Styling of number color, size, font family, etc.
  • Symbol Styling – Styling of symbol color, size, font family, etc.
  • Prefix Styling – Styling of prefix text color, size, font family, etc.
  • Suffix Styling – Styling of suffix text color, size, font family, etc.
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-counter/feed/ 0
Element: Countdown https://xtratheme.com/docs/page-builder/element-countdown/ https://xtratheme.com/docs/page-builder/element-countdown/#respond Mon, 17 Jun 2024 06:15:33 +0000 https://xtratheme.com/docs/?p=1447

Video Tutorial

Description and Screenshot

Step 1

Time reminder for event with stylish designs or minimal, there are multiple different presets that you can use. Also this element supports Count down, Count up and loop timer

Countdown1
  • Type – You can choose coutn down or count up or even loop timer
  • Date – Counter date e.x. 2022/06/20 18:30
  • Position – Container position left | right | cente | vertical
  • Minutes (Loop) -You can set seconds, e.g. 120 (means 2 minutes)
  • Day – Translation of Day
  • Hour – Translation of Hour
  • Minute – Translation of Minute
  • Second – Translation of Second
  • Apostrophe s – Translation of Apostrophe s
  • Expired message – Translation of expired message
  • Container Styling – You can set custom background or border for overall container
  • Columns Styling – You can set custom width or background or border for each columns
  • Numbers Styling – Style color or size of countdown numbers
  • Titles Styling – Style color or size of countdown titles below numbers
  • Expired message Styling – Style color, size of countdown expired message
  • Presets – This element have multiple stylish presets that you can use them
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-countdown/feed/ 0