fbpx

How To Change The Background In 3dcart

Published

December 11, 2018

Author

Goda Jurgaityte

Share this post

How To Change The Background In 3dcart Multiorders

As a store owner, you want to have a unique appearance for your storefront. You can change the background in 3dcart to reflect your ideas on your webpage. 3dcart themes consist of an image and a solid colour. The image uses a pattern and the colour works along with it.

How To Change The Background In 3dcart

A theme’s CSS file holds the background image data. So, if you wish to change the background in 3dcart, then you have to edit the CSS file of the theme. To change the background:

 

  • First, go to Settings from your Online Store Manager page.

 

  • Then, go to Designs and select Themes & Styles.

 

  • Press the Edit Look/Colours button located at the top of the page.

 

  • The Style Sheet Editor will open.

 

  • From here, find body and then choose Actions and then Edit.

 

  • Find the background field, you can edit the values here.

 

How to change the background in 3dcart

 

Once you have opened the background field, you change the values to control what the background in 3dcart will look like. As mentioned before, the background in 3dcart consists of two elements. An image for the pattern and a colour. The colour is mentioned usually by its hex code in here. You can find the hex code of any colour you want online and just replace the default value to change colour.

 

Hex codes follow this format: #xxxxxx, where x  can be any alphanumeric value. For example, if you want a mild red, you can use the code #FA8072. This is the code for the colour salmon.

 

As for the image, you can add the image by adding it’s URL to the CSS. Here, you can specify the path to get the image, and then you can also mention where to position the image once it’s uploaded.

 

To break it down, consider this code:

#FA8072 URL(logo/BG_body.jpg) repeat-x

Here,

#FA8072 is the hex code for colour.

URL(logo/BG_body.jpg) specifies the path to the background image.

repeat-x specifies how and where the image should be displayed.

 

By changing the hex code or providing a new path, you can change the colour and background image for the theme.

Plans for everybody

Trial

FREE

  • 100 orders
  • or 14 days


  • Royal Mail integration

    This is the cost that we are being charged by the provider, to be able to connect your Royal Mail account.

  • Add £25/mo

Start trial
Starter

/m

  • 100 orders
  • 500 SKUs

per month

  • Royal Mail integration

    This is the cost that we are being charged by the provider, to be able to connect your Royal Mail account.

  • Add £25/mo

Start trial
Small

/m

  • 500 orders
  • 3,000 SKUs

per month

  • Royal Mail integration

    This is the cost that we are being charged by the provider, to be able to connect your Royal Mail account.

  • Add £25/mo

Start trial

Popular

Medium

/m

  • 2,500 orders
  • 15,000 SKUs

per month

  • Royal Mail integration

    This is the cost that we are being charged by the provider, to be able to connect your Royal Mail account.

  • Add £25/mo

Start trial
Large

/m

  • 10,000 orders
  • 50,000 SKUs

per month

  • Royal Mail integration

    This is the cost that we are being charged by the provider, to be able to connect your Royal Mail account.

  • Add £25/mo

Start trial

Get Started today

The peak of multichannel e-commerce management is just a few clicks away and you don’t even need a credit card to get started!