How to Style Elementor Countdown Timer in Block or Inline Style?

Updated onApril 9, 2026By

Key Takeaways

  • Countdown widget from The Plus Addons for Elementor allows users to add a countdown timer on an Elementor website.
  • Users can select between Normal Countdown or Scarcity Countdown (Evergreen) from the Countdown Setup dropdown.
  • The Inline Style toggle enables users to change the default block style of the countdown timer to inline style.
Table Of Content

One of the most effective ways to catch the attention of website visitors and create a sense of urgency is by incorporating a countdown timer. With the Countdown widget from The Plus Addons for Elementor, you can easily add a countdown timer on an Elementor website and based on your requirement you can make it block or inline.

To check the complete feature overview documentation of The Plus Addons for Elementor Countdown widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, add the Countdown widget to the page and follow the steps – 

1. Select Normal Countdown or Scarcity Countdown (Evergreen) from the Countdown Setup dropdown.

2. Then select Style 1 from the Countdown Style dropdown.

3. By default, the counter will be in block style, to make it inline enable the Inline Style toggle.

Also read, how to show custom text message after the countdown Timer ends.

Now the countdown timer will be in inline style.

Also read, how to hide countdown days/hours/mins/seconds in Elementor countdown timer.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the countdown timer is not displaying correctly?

If the countdown timer is not displaying as expected, ensure that you have selected the correct countdown type from the Countdown Setup dropdown. You can choose between Normal Countdown or Scarcity Countdown (Evergreen). If the issue persists, check if the Countdown widget from The Plus Addons for Elementor is installed and activated on your site.

What is the best style for a countdown timer on a landing page?

The best style for a countdown timer on a landing page often depends on your overall design. The Plus Addons for Elementor allows you to choose between block and inline styles. Block style is more prominent, while inline style can blend seamlessly with text. Consider your layout and choose the style that enhances visibility without overwhelming the design.

How do I switch the countdown timer from block to inline style?

To switch the countdown timer from block to inline style, enable the Inline Style toggle after selecting Style 1 from the Countdown Style dropdown. This allows the timer to fit more naturally within your text, which can be beneficial for maintaining a clean layout.

Last reviewed: April 9, 2026

Related Docs