Modal Window - Customizer
Default theme settings may differ if you have imported one of the OceanWP prebuilt website templates for WordPress. This is because these templates come with their own Customizer settings. However, the way you use the Customizer to adjust your website remains the same.
The OceanWP Customizer Modal Window panel enables you to style and customize modal windows on a global level.
You can also apply different styling for each and every modal window you create, using their individual settings and styling options.
The Modal Window panel appears when you install and activate the free Ocean Modal Window plugin on your website.
Available Modal Window options include:
- Custom Width,
- Custom Height,
- Padding (px),
- Background Image,
- Border Style,
- Border Width (px),
- Border Radius (px),
- Typography and Colors section:
- Typography:
- Colors:
Custom Width
The Custom Width option enables you to apply a custom width for all future modal windows you will create.
Multiple measurement units available, but we recommend you stick with pixels (px).
Custom Height
The Custom Height option enables you to apply a custom height for all future modal windows you will create.
Multiple measurement units available, but we recommend you stick with pixels (px).
Padding (px)
The Padding (px) option enables you to add padding (spacing) surrounding the Modal Window content.
Background Image
The Background Image option enables you to add and apply a background image for modal windows.
Border Style
The Border Style option enables you to choose the border surrounding modal windows, including the option to display no border at all.
Standard border style options available.
Border Width (px)
The Border Width (px) option enables you to adjust the width of the border surrounding modal windows.
This option is always measured in pixels (px).
Border Radius (px)
The Border Radius (px) option enables you to adjust the border radius (corner roundness) for modal windows.
This option is always measured in pixels (px).
MW Typography
The MW Typography option enables you to adjust typography for all modal windows.
Since you can control the font size inside the content itself, we recommend you only choose a general font family using this option.
MW Overlay Background
The MW Overlay Background color option enables you to apply a color to the website background for when a modal window is open.
MW Background
The MW Background color option enables you to apply a background color to modal windows.
MW Border
The MW Border color option enables you to apply a color to the border surrounding modal windows.
MW Text
The MW Text color option enables you to apply a color to the textual pars of a modal window content.
MW Title
The MW Title color option enables you to apply a color to the title of a modal window.
MW Close Bttn Background
The MW Close Bttn Background color option enables you to apply a regular and hover color to the background of the closing button for a modal window.
MW Close Button
The MW Close Button color option enables you to apply a regular and hover color to the closing button icon (X ).
Found an error in this doc or believe it needs improvement?
Send us a prepurchase ticket, include the URL of the page, and add suggestions and more details about how we can make things better for you.
That's it!
Enjoy building your WordPress website with OceanWP!