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 in 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 in order to add this template onto 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 in order to add this template onto the website.

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

Customise 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 customise the border width, styling and color scheme of your cover image.

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 customise your cover image, you can edit the title and the text body present on the cover image if required.

To know more about customizing 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 customise the border width, styling and color scheme of your cover image.

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: Enables you to delete only the background picture of your cover image.

2. Once you customise 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”

  1. how to change cover image background | how to animate cover image ~ #addcoverimagesection

Comments are closed.