Design Optin Bar

Want to change the look and feel of Optin Bar and make it more awesome with custom Background Colors, Border Colors, Border Size, Button Colors, Form Fields 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 Opt-in 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.

 

 

 

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.

 

Form

You can easily customize the Form look and feel.

1. Background Color

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

2. Text Color

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

3. Border Color

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

7. Border Size

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