Appearance tools for Gutenberg editor

Hello @rock4temps,

Thank you for reaching out,
To add some options to your site(spacing), you can add the code below to the child theme on your website, but the box shadow option is not available for classic themes:

function oceanwp_theme_supports_custom_spacing() {
	add_theme_support( 'appearance-tools' );
	add_theme_support( 'custom-spacing' );
}
add_action( 'after_setup_theme', 'oceanwp_theme_supports_custom_spacing' );

Please follow this article:
https://developer.ww.wp.xz.cn/block-editor/how-to-guides/themes/theme-support/

Note 1: These settings are designed only to work with the FSE theme. Global style options are in the site editor with FSE themes, where you can set these options. So, with OceanWP, some of them will not work. Some features are available in FSE themes, not classic skins like OceanWP. I’ve tested this with other themes like OceanWP that are not FSE and saw that they show nothing, and some options did not appear.

Download child theme: https://docs.oceanwp.org/article/90-sample-child-theme.

Note 2: To add custom styling like box-shadow, you can add custom CSS.
So you can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
https://developers.google.com/web/tools/chrome-devtools/
https://developer.mozilla.org/en-US/docs/Tools
CSS Tutorial: https://www.w3schools.com/css/
For more information about media queries, please read this article:
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

I hope it helps.
Best Regards