There is sample HTML mark up code in the readme txt for selector and modal target element..
Use either Bootstrap API or Javascript to trigger the modal windows, this can be found here http getbootstrap com javascript #modals.
You can change the modal size by adding CSS class to the.modal-dialog div modal-lg or modal-sm for large and small respectively..
Since version 1.0.2 CSS is included to set the button to similar to Bootstrap install, to override CSS for the button use CSS selector.modal-dialog.close { } in your CSS styles...
Activate the plugin through 'Plugins WordPress..
I was thinking about creating custom plugin by myself for this as I need it on my site and before started coding did Google search and here it's just the script that I was thinking about.
Browse the code, check out SVN repository, or subscribe to the development log by RSS...
Changelog = 1.3.2 * 17 11 17 * Update wp-color-picker to 2.1.2 to be compatible with WP 4.9 1.3.1.1 15th September 2017.
Updated CSS styles for custom CSS options in plugin settings, more specific selectors..
CSS style options enable the style of CSS to be overidden.
Read more