Art craft template

  • 1
  • Question
  • Updated 9 years ago
  • Answered
How do I change the color border from green to purple on the Art Craft template?
Photo of Lorraine Buchan

Lorraine Buchan

  • 1 Post
  • 0 Reply Likes

Posted 9 years ago

  • 1
Photo of Brianna


  • 2045 Posts
  • 92 Reply Likes
Hi Lorraine,

I will be referring your request to our HTML team for assistance. Please allow 48 hours for them to look into this and get back to you. Thanks!
Photo of Brandon


  • 243 Posts
  • 33 Reply Likes
Hello Loraine,

I'd be glad to help you with this. Unfortunately that green colour is really a picture, so we can't simply change the CSS that way. We need to change the image itself! So below is the green image that the style uses:

Now we need to replace that image with a purple one! I have quickly adjusted the hue to make it purple. If you would like another shade, I'd be happy to do it for you.

Right-click on the image above and save it to your computer. Now, upload that picture to your Yola file manager. Once you have done that, you need to do the following:

- If you have Yola Silver, click 'Style' -> 'Edit Custom CSS'. In the blank box, paste the following code:

#banner-wrap {
background: url(resources/banner_new.jpg);


Make sure in the bottom left corner, 'Disable CSS Overrides' is NOT checked. After 'resources/' you need to complete the path of the image. So for example, if you put the image in a folder called 'Banner', it would read:


Now if you don't have Yola Silver, no worries! Simply insert an HTML widget onto your page, and paste the following code:

#banner-wrap {
background: url(resources/banner_new.jpg);


You'll need to adjust the file path accordingly, like I showed in the last example.


There we go! I hope that information wasn't too confusing. If you have any trouble, please let me know!

Kind regards,
Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
Thanks Brandon!