Customize Background

The background image is always the largest image on the website. It plays an important role when it comes to setting the look and feel of your online store. It is one of the first things that catch a user’s attention.

Add / Update Background Image

You can use this option to add or change the background picture.


1. From the Homepage, click on Edit Website.

2. Click on any background image that you wish to edit. Click on Add Background Image and the following options get displayed.

Upload Image: This option allows you to upload an image that is stored on your device.
Add From Link: Clicking on this option will open the following slider. You can then copy & paste any URL from the internet add the image.

My Images: This option lets you access all the images you have uploaded on the website.

Image Library: This option lets you access images from the Justdial library. You can search for an image using the relevant keywords.


Note

Once you have uploaded the image. The following slider will be displayed.

You can upload different background images for the web and mobile. Hovering on any of these images will enable the Edit button.

Upon clicking Edit, the following options get displayed. Here you can crop, rotate, zoom in or zoom out the image as per your requirement with the editing tools.

1. From the Homepage, tap on Edit Website.

2. Tap on > Background next to any section in which you wish to add a background section.

3. Tap on Add Background Image.

4. The following options get displayed.

Gallery: This option allows you to upload an image that is stored on your device.

Camera: You can click a picture from your device camera and upload it.

Add From Link: Tap on this option will open the following slider. You can then copy & paste any URL from the internet add the image.

My Images: This option lets you access all the images you have uploaded on the website.

Image Library: This option lets you access images from the Justdial library. You can search for an image using the relevant keywords.


Note

Once you have uploaded the image. The following page gets displayed.

You can upload different background images for the web and mobile. You can tap on Edit if you want to crop or resize the background image.

You have successfully added a background image into your section.

Change Background Style

This option allows you to customize the background by providing multiple editing options.


1. From the Homepage, click on Edit Website.

2. Click on any background image that you wish to edit. The following options will be displayed.

1. This option allows you to copy the style.

2. You can then paste the copied style.

3. This option allows you to change the background and border color.

4. Clicking on this option will display the following options. You can define the top and the bottom margin as per your requirements.

5. Clicking on this option will allow you to apply borders to your image.

6. You can also select the border width by clicking on this option.

1. From the Homepage, tap on Edit Website.

2. Tap on , next to any background image that you wish to edit, and then tap on Background.

3. Tap on Background Style. 

You will receive the following options.

Background Color: This option allows you the change the background colors. Tap on this option will open the color palette.

Section Margin: You can define the top and the bottom margin as per your requirements.

Border Width: You can also select the border width by tapping on this option.

Border Color: This option allows you the change the border colors. Tap on this option will open the color palette.

Copy & Paste Background Styling

Instead of customizing every layout background separately, you can use this option to duplicate the background style throughout your website.


1. From the Homepage, click on Edit Website.

2. Click on any background image that you wish to edit. The following options will be displayed.

3. Click on Copy Styling and the selected background image style will be copied. Once you have successfully copied the background styling, the Paste Styling option will be highlighted.

4. You can paste the copied background image anywhere on the website.


Note
This functionality is currently unavailable for mobile. You can duplicate the background style of your website only through a computer.

Background Animation

To make your background image more attractive, you can add animation effects to it.


1. From the Homepage, click on Edit Website.

2. Click on any background image that you wish to animate. The following options will be displayed. Click on Background Animation.

3. From the following slider, click on any animation effect that you wish to add to the selected element and click on Save.

1. From the Homepage, tap on Edit Website.

2. Tap on  next to any background image that you wish to edit and then tap on Background. 

3. Tap on Background Animation.

4. Tap on any animation effect that you wish to add to your background image. Finally, tap on Save.

The animation effect will be displayed for that background image whenever a user visits that section.

Remove Background Image

This option helps you delete any unwanted background image.


1. From the Homepage, click on Edit Website.

2. Hover on the right side of your website and the following options will be displayed.

Click on Delete and the background image will be deleted.

1. From the Homepage, tap on Edit Website.

2. Tap on , next to any background image that you wish to delete, and then tap on Background. 

3. Tap on Delete Image.

The background image gets deleted.


Note

You can reverse the Delete action by tapping on Undo option.

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

2 thoughts on “Customize Background”

  1. how to add background image to blocks | how to set background image to blocks ~ #addupdatebackgronundimage

Comments are closed.