Design Offer Bar

Want to change the look and feel of Offer Bar and make it more awesome with custom Background Colors, Border Colors, Border Size, Button Colors, Timer Colors? You can do it very simple and easy by using WP Customizer and see the changes live without reloading Page to see what’s changed.

No more guessing!

Click on Design button while editing the Offer-Bar. It will take you to the WP customizer.

Note: Never delete the optin demo page which was created automatically by the plugin in installation to make the Design customization properly.

 

 

Timer

You can easily customize the Countdown timer’s look and feel.

1. Background Color

Change the background color of Timer by clicking the Select Color button under it.

2. Text Color

Change the text color of Timer by clicking the Select Color button under it.

Coupon

You can easily customize the Coupon’s look and feel.

1. Background Color

Change the background color of Coupon by clicking the Select Color button under it.

2. Text Color

Change the text color of Coupon by clicking the Select Color button under it.

3. Border Color

Change the border color of Coupon by clicking the Select Color button under it.

4. Border Style

Change the border style of Coupon by clicking the Select box under it. The border can be Dashed, Dotted, Double, Solid, Inset, Outset and None.

 

 

5. Border Size

Change the border size of Coupon by Dragging Range under it. The border size will be in pixels.

 

Button

You can easily customize the Button’s look and feel.

1. Background Color

Change the background color of Button by clicking the Select Color button under it.

2. Text Color

Change the text color of Button by clicking the Select Color button under it.

3. Hover Background Color

Change the hover background color of Button by clicking the Select Color button under it.This color will be shown when the mouse will be over the button.

4. Hover Text Color

Change the hover text color of Button by clicking the Select Color button under it.This color will be shown when the mouse will be over the button.

 

5. Border Color

Change the border color of Button by clicking the Select Color button under it.

6. Hover Border Color

Change the hover text color of Button by clicking the Select Color button under it.This color will be shown when the mouse will be over the button.

7. Border Size

Change the border size of Button by Dragging Range under it. The border size will be in pixels.

Content

You can easily customize the Main Content’s look and feel.

1. Background Color

Change the background color of the Main content area by clicking the Select Color button under it.

2. Text Color

Change the text color of the Main content area by clicking the Select Color button under it.

3. Border Color

Change the border color of the Main content area by clicking the Select Color button under it.

 

4. Border size of Top, Right, Left, Bottom

Change the border sizes of the Main content area by Dragging Range under it. The border size will be in pixels.

5. Border Style

Change the border style of Main content area by clicking the Select box under it. The border can be Dashed, Dotted, Double, Solid, Inset, Outset and None.