ProductX

  1. Home
  2. Docs
  3. ProductX
  4. All Blocks
  5. Wrapper

Wrapper

Let’s explore the Wrapper block of ProductX.

Importing Wrapper Block

Go to a Page, and click the “+” icon to see all blocks. Click or drag and drop the “Wrapper” block on a page.

Customization Options of Wrapper Block

ProductX’s product blocks have vast customization options to meet your needs. Let’s show you what options the Wrapper block provides.

The wrapper block can be used to create a container for any other block. This allows you to easily add a background image or color to the block. This is a perfect feature for adding custom content areas, such as featured posts or announcements.

Wrapper Customization Settings
Wrapper Customization Settings

Background Image

You can upload desired images, and adjust its position, size, repeat (how many times the image will display), and attachment (scroll/fixed).

Background Image Settings
Background Image Settings

General Settings

You will also get settings to modify z-index, margin, padding, background (color option for normal & hover), border, box shadow, and border radius.

General Settings
General Settings
Was this article helpful to you? Yes No