Cover Images Section

The cover image is like the hero image of the website. A high-resolution and well-placed cover image can make visitors stay on your website and explore more products.

Add Cover Image Section

You can add a cover image section to your website with this option.


1. From the Homepage, click on Edit Website.

2. Click on Add Section.

3. From the Following slider, click on Banner & Cover Image.

4. If you want to view a cover image, hover over the cover image and click on .

5. The preview will look as follows. Click on Add This section to add this template to the website.

A new section is added on the website from which you can add your cover images.

1. From the Homepage, tap on Edit Website.

2. From the Website, tap on .

You can place the new section either above or below the existing section as required.

3. Tap on Banner & Cover Image.

4. If you want to view a cover image, tap on .

5. The preview will look as follows. Tap on Add this block to add this template onto the website.

A new section is added on the website from which you can add your cover images.

Customize Cover Image Section

You can edit or make changes in the cover image section with this option.


1. Hover over the cover image and click on , you will get the following options.

1. Edit Background Image: Enables you to edit the background image of your web and mobile applications respectively.

To know more about adding or editing Background Image, click here.

2. Background Style: Enables you to customize your cover image’s border width, styling, and color scheme.

To know more about Background Styling, click here.

3. Copy and Paste Styling: Enables you to copy and paste duplicate cover images over various areas of your website.

To know more about Copy and Paste Styling, click here.

4. Background Animation: Enables you to add animation effects for your cover image.

To know more about Background Animation, click here.

5. SEO: Enables you to add title and description for your cover images.

To know more about SEO, click here.

6. Delete: Enables you to delete only the background picture of your cover image.

2. Once you customize your cover image, you can edit the title and the text body present on the cover image if required.

To know more about customizing the text, click here.

1. Scroll to the cover image section and tap on  > Background.

The following options get displayed.

1. Edit Background Image: Enables you to edit the background image of your web and mobile applications respectively.

2. Background Style: Enables you to customize your cover image’s border width, styling, and color scheme.

3. Background Animation: Enables you to add animation effects for your cover image.

4. SEO: Enables you to add title and description for your cover images.

5. Delete Image: This enables you to delete only the background picture of your cover image.

2. Once you customize your cover image, you can edit the title and the text body present on the cover image if required.

Remove Cover Image Section

You can delete the cover image section with this option.


1. Hover over the cover image and click on .

The cover image section gets deleted.


Note

You can reverse this action by clicking on Undo option which pops up when you delete any section.

1. Scroll to the cover image section and tap on  > Delete Section.

The cover image section gets deleted.


Note

You can reverse this action by tapping on Undo option which pops up when you delete any section.

Was this Article Helpful?
Yes
No
Glad We Could Help You!

2 thoughts on “Cover Images Section”

Comments are closed.