Card Block with Box Shadow

Plugin Banner

Card Block with Box Shadow

by Thong Truong

Download
Description

NOTE: This block plugin is only compatible with hybrid and block themes.

The card block can be used as a content container with custom controls for padding, margin, background color/gradient and, hence the name of the block – box shadow.

  1. Upload the plugin files to the /wp-content/plugins/card-block-with-box-shadow directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Go to WordPress block editor in page/post and type “/card” to choose the Card Block with Box Shadow block and begin editting.
  1. Type "/card" to choose the block

    Type "/card" to choose the block

  2. Add any block you wish inside the card block

    Add any block you wish inside the card block

  3. The card shadow toggle is enabled by default

    The card shadow toggle is enabled by default

  4. When the card shadow toggle is disabled, it will hide the card shadow control underneath

    When the card shadow toggle is disabled, it will hide the card shadow control underneath

  5. The result on frontend

    The result on frontend

What type of blocks can be used inside the Card Block with Box Shadow block?

Any block

2.0.0

  • Refactor codebase to TypeScript

1.0.0

  • Initial release
Back to top