Summary

  • Overview
  • Block Background
  • Add Grid
  • Add Elements
  • Responsive Test Modes

Overview

You can edit Blocks in Nicepage by adding Background and Website Elements.

Block Background

You can add Background to Block in the Windows or Mac OS Desktop Applications. You can do the same in the Nicepage WordPress Plugin and Joomla Extension.

You can start with the Blank Block, add the Image Background, and apply the Parallax effect.

  1. Run the Nicepage application.
  2. Add a Blank Block.
  3. Go to the Property Panel.
  4. Enable the Block Background.
  5. Change the Background Color to light grey.
  6. Switch to the Image Background.
  7. Click the Change Image icon.
  8. Select the Image.
  9. Go to the Property Panel.
  10. Enable the Parallax.
  11. Preview the page

Add Grid

You can use the Grid Element to structure the Block content. You can use Grids to build mobile-friendly websites quickly.

  1. Open the Add Block List
  2. Select Grid Category.
  3. Select any Block Design.

Please read about how to use Grids.

Add Elements

You can add Elements both to a Block and Grid Cells.

  1. Add the Heading to Block.
  2. Click the inline Add Element icon.
  3. Add the Heading.
  4. Add Text.
  5. Modify texts.

Test Responsive Modes

We recommend using Grids to make Block look good on all devices automatically.

  1. Click the Preview icon to preview the page.
  2. Switch the Responsive Modes.
  3. Test the Parallax effect.

## Summary - Overview - Block Background - Add Grid - Add Elements - Responsive Test Modes ## Overview You can edit Blocks in Nicepage by adding Background and Website Elements. ## Block Background You can add Background to Block in the Windows or Mac OS Desktop Applications. You can do the same in the Nicepage WordPress Plugin and Joomla Extension. You can start with the Blank Block, add the Image Background, and apply the Parallax effect. 1. Run the Nicepage application. 2. Add a Blank Block. 3. Go to the Property Panel. 4. Enable the Block Background. 5. Change the Background Color to light grey. 6. Switch to the Image Background. 7. Click the Change Image icon. 8. Select the Image. 9. Go to the Property Panel. 10. Enable the Parallax. 11. Preview the page ## Add Grid You can use the Grid Element to structure the Block content. You can use Grids to build mobile-friendly websites quickly. 1. Open the Add Block List 2. Select Grid Category. 3. Select any Block Design. Please read about how to use [Grids](page:). ## Add Elements You can add Elements both to a Block and Grid Cells. 1. Add the Heading to Block. 2. Click the inline Add Element icon. 3. Add the Heading. 4. Add Text. 5. Modify texts. ## Test Responsive Modes We recommend using Grids to make Block look good on all devices automatically. 1. Click the Preview icon to preview the page. 2. Switch the Responsive Modes. 3. Test the Parallax effect. ##