Custom CSS & JS

This extension allows you to add custom styles for Ghost Kit and core blocks.

Available Tools

  • Opacity
  • Overflow
  • Cursor
  • User Select
  • Clip Path
  • Pro Transition
  • Custom CSS

Enable in 3rd-party blocks

registerBlockType( 'my/block', {
    title: 'My block',
    supports: {
        ghostkit: {
            customCSS: true,
} );

Page CSS and JS

This extension is also available on all pages and lets you add custom CSS and JavaScript for the current page. To open the code editor, click on the Ghost Kit icon in the editor toolbar, where you can find the CSS & JavaScript button:

Global CSS and JS

To add custom CSS or JS globally, open Admin Menu → Ghost Kit → CSS & JavaScript:

Was this page helpful?