Art Storefronts Support Center

Search for answers to your questions by entering keywords below, or look through our knowledge base.

How To: Change Wood Background Images or Styles

Follow

If you want to edit the wood background image, Art Storefronts has the option for you to do so. Please keep in mind that these changes do require custom coding. If the code does not work or you alter it in any way at all, Technical support cannot and will not provide assistance with the coding.

 

  1. Log in to your Art Storefronts Control Panel and click on the tab labeled Themes.









  2. Find the theme you have activated and click on Edit.









  3. Click on the button labeled Start Editing.









  4. In the CSS box, paste the following code:
    #wood_preview .canvas-left div.clip,
    #wood_preview .canvas-top div.clip,
    #wood_preview .canvas-main {
    background-image
    url(http://res.cloudinary.com/decosites/image/upload/v1411666302/wood-bg_mkijg3.jpg);
    }
    #wood_preview .canvas-main img {
    padding: 20px; /* pad the main image so you can see the wood background around it. */
    }
    Please Note
    : You can change the URL to completely change the image the wood background pulls from and you can change the padding to change the size of the border.









  5. When you are satisfied with your changes, click Save.



Was this article helpful?
0 out of 0 found this helpful

Comments