---
title: "How to Style Elementor Countdown Timer in Block or Inline Style?"
url: https://theplusaddons.com/docs/style-elementor-countdown-timer-in-block-or-inline-style/
date: 2024-01-17
modified: 2026-04-09
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/01/How-to-Style-Elementor-Countdown-Timer-in-Block-or-Inline-Style_-1024x536.jpg
word_count: 192
---

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

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

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.](https://theplusaddons.com/docs//countdown-widget-overview-in-elmentor/)*

***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](https://theplusaddons.com/elementor-widget/elementor-countdown-timer/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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.](https://theplusaddons.com/docs//show-custom-text-message-after-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.](https://theplusaddons.com/docs/hide-countdown-days-hours-mins-seconds-in-elementor/)

## Frequently Asked Questions

**Q: What should I do if the countdown timer is not displaying correctly?**
A: 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.

**Q: What is the best style for a countdown timer on a landing page?**
A: 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.

**Q: How do I switch the countdown timer from block to inline style?**
A: 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.