Can I replace image used in template_resources folder?

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I'm trying Parchment Style for a new site. If you have time to take a look at the styles, maybe you could help me out here. Here's a link, http://www.yola.com/yola-style-gallery. It's a Premium style in the Creative Arts category.

This code is:
<!-- div.ys_top {
background:url("http://s2.yolacdn.net/V0018669/templa...) no-repeat scroll left top transparent;
height:30px; -->

is the top edge of the page border. There is a similar code for the middle (sides) and the bottom. I don't have access to the template_resources folder, so my question:

Is there a way using CSS to substitute that image for one of my own? I'd like to try a wood grain image instead of the paper?
Photo of Jean

Jean

  • 134 Posts
  • 14 Reply Likes
  • perplexed

Posted 8 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Jean

You sure can do this. You will need to add the code to each page:

<style type="text/css">
div.ys_top{
background:url("resources/yourimage.jpg") top left no-repeat;
_behavior: url(http://s3.yolacdn.net/V0018669/templa...;
height:30px;
}

div.ys_bottom{
background:url("resources/yourimage.jpg") bottom left no-repeat;
_behavior: url(http://s3.yolacdn.net/V0018669/templa...;
height:20px;
}

div.ys_middle{
width:900px;
background:url("resources/yourimage.jpg") top left repeat-y;
_behavior: url(http://s3.yolacdn.net/V0018669/templa...;
}

</style>

Replace "yourimage.jpg" with your image file.

Please let me know if you have any trouble with this.
Photo of Jean

Jean

  • 134 Posts
  • 14 Reply Likes
I won't have time for a day or so, but will give this a try. I could probably put the code in a css file and upload it with a link reference on each page, right?

Thank you very much, Sanja.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Yep, you can definitely do that too Jean! Please give me a shout if you have any trouble with this.