Customize Background

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

Add / Update Background Image

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


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

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

Step 4.
Click on Add Background Image. You will receive the following options.

Upload Image: This option allows you to upload an image which is stored in 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 which you have uploaded on the website till now.
Image Library:This option lets you access images from the Justdial library.You can search 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. Click on Edit and the following options will be displayed.

You can crop, rotate, zoom in or zoom out the image as per your requirement with the editing tools.

Step 1.
Click on Customize Website from the Homepage.

Step 2.
Click on Customize Website.

Step 3.
Click on next to any section in which you wish to add a background section. The following options will be displayed.

Step 4.
Click on Background and you will receive the following options.

Step 5.
Click on Add Background Image. You will receive the following options.

Gallery: This option allows you to upload an image which is stored in your device.
Camera: You can click a picture from your device camera and upload it.
Add From Link: Click 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 which you have uploaded on the website till now.
Image Library:This option lets you access images from the Justdial library.You can search 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. Click on Edit and the following options will be displayed.

You can crop, rotate, zoom in or zoom out the image as per your requirement with the editing tools.

Change Background Style

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


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

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

Step 4.
Click on Background Style and you will receive the following options.

1. This option allows you 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.

Step 1.
Click on Customize Website  from the Homepage.

Step 2.
Click on Customize Website.

Step 3.
Click on  next to any background image that you wish to edit and then click on Background, the following options will be displayed.

Step 4.
Click on Background Style. You will receive the following options.


Background Color: This option allows you the change the background colors. Click 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 clicking on this option.
Border Color: This option allows you the change the border colors. Click on this option will open the color palette.

Copy & Paste Background Styling

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


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

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

Step 4.
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.

Step 5.
You can paste the copied background image anywhere on the website.

This functionality is currently unavailable for mobile

Background Animation

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


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

Step 3.
Click on any background image that you wish to animate.The following options will be displayed.

Step 4.
Click on Background Animation. The following slider will appear on your screen.

Step 5.
Click on any animation effect that you wish to add to the selected element.

Step 6.
Click on Save once you have selected the required animation effect.

Step 1.
Click on Customize Website from the Homepage.

Step 2.
Click on Customize Website.

Step 3.
Click on  next to any background image that you wish to edit and then click on Background, the following options will be displayed.

Step 4.
Click on Background Animation to view the following options.

Step 5.
Click on any animation effect that you wish to add to the selected element.

Step 6.
Click on Save once you have selected the required animation effect.

Remove Background Image

This option helps you delete any unwanted background image.


Step 1.
Click on Customize Website from the main menu.Step 2.
Click on Customize Website.Step 3.
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.
Step 1.
Click on Customize Website from the Homepage.Step 2.
Click on Customize Website.Step 3.
Click on any background image that you wish to edit.The following options will be displayed.Step 4.
Click on Delete and the image will be deleted
Help us improve our Support Center. Was this article helpful?
Thank you for the feedback
Thank you for the feedback
Still can't find what you're after? Write to us so that we can help you out.