Countdown Timer Pro – Documentation

Version: 1.0.0
Author: Orbeen
Last Updated: 06/06/2025
Compatibility: Divi Theme / Divi Builder

📘 Countdown Timer Pro — Divi Extension Documentation
Welcome to the official documentation for Countdown Timer Pro, a powerful Divi Builder extension that allows you to add customizable countdown timers to your pages.

🚀 Introduction
Countdown Timer Pro is a feature-rich countdown timer module designed specifically for the Divi Builder. It’s ideal for marketing promotions, event countdowns, product launches, or any scenario where urgency matters.

🔧 Installation
📁 From ZIP File:
Go to your WordPress Admin Dashboard.

Navigate to Plugins → Add New → Upload Plugin.

Upload the countdown-timer-pro.zip file.

Click Install Now, then Activate.

🧩 After Activation:
Once activated, the Countdown Timer Pro module will automatically appear inside the Divi Builder under the “Countdown Timer Pro” module name.

🧱 Module Usage
📦 Add Module in Divi Builder
Open any page/post with Divi Builder.

Click “Add New Module”.

Search for “Countdown Timer Pro”.

Add the module to your layout.

⚙️ Module Settings
📝 Content Tab
Field Description
Title Title above the countdown timer block.
Date Target date and time for the countdown to end.
Values Background Color Background color for day/hour/minute/second blocks.
Text Color Color of the text inside each timer block.
Values Width Width (in px) of each timer value box.
Values Height Height (in px) of each timer value box.

🎨 Design Tab
Field Description
Text Align Align title and timer horizontally (left, center, right).
Select Font Choose a custom font for the title.
Borders (NEW) Apply border radius, style, width, and color to the .values class blocks.

🎨 Border Styling Example
You can style the countdown boxes using the built-in Border settings in the Divi Builder’s Design tab:

Border Width: 2px

Border Color: #FF0000

Border Radius: 10px

Border Style: Solid

📱 Responsive Behavior
Countdown Timer Pro supports full responsiveness and adapts beautifully across all devices. Each setting (e.g., size, color, borders) can be individually configured for desktop, tablet, and mobile.