Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon How do I align the countdown text before and after the timer


How do I align the countdown text before and after the timer


To align the countdown text before and after the timer, you can use the Text Alignment option in the countdown timer widget settings. Here's how to do it:

1. Open the page or post where you have added the countdown timer using Elementor.

2. Click on the countdown timer widget to select it.

3. In the left panel, go to the "Style" tab.

4. Under the "Content" section, you will find the "Text Alignment" option.

5. Choose the desired alignment for the text before the timer from the dropdown menu. The options are:
- Left
- Center
- Right
- Justified

6. Scroll down to find the "Expire Message" section.

7. Here, you can set the alignment for the text after the timer expires using the same "Text Alignment" dropdown.

8. Save your changes and the countdown text will be aligned as per your selection.

For example, if you want the text before the timer to be aligned to the left and the text after the timer to be centered, you would:

1. Set "Text Alignment" (before timer) to "Left"
2. Set "Text Alignment" (after timer) to "Center"

This allows you to independently control the alignment of the countdown text on either side of the timer itself. Adjust these settings to achieve the desired look and feel for your countdown.

Citations:
[1] https://woocommerce.com/document/product-badges/
[2] https://cyberchimps.com/blog/create-a-countdown-timer-in-wordpress/
[3] https://docs.madrasthemes.com/mas-elementor/topics/widgets/countdown/
[4] https://docs.merkulov.design/add-a-countdown-timer-on-a-wordpress-website/
[5] https://wbcomdesigns.com/woocommerce-product-countdown-plugins/