Phoca Forum

Hi,
I want to set a border image for the middle part of my website. I can set a solid border, ok that's fine. However, I can not use an image for the border. Here is the actual code to update in template.css:

#phoca-middle{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0px 0px 3px 0px #aaa;
-webkit-box-shadow: 0px 0px 3px 0px #aaa;
box-shadow: 0px 0px 3px 0px #aaa;
background: #ffffff;
margin: 10px 0px;
}

And I changed it like this to set a border image and it does not show any image:


#phoca-middle {


border-width: 10px 10px 10px 10px;
-moz-border-image: url(../images/a.png) 27 round;
-webkit-border-image: url(../images/a.png) 27 round;
border-image: url(../images/a.png) 27 round;

margin: 10px 0px;

}


I know this is a question about css. However I am not good at css and I don't know how to solve this problem and where to ask. Where is the mistake in my code?

Thanks

Hi, not sure why this is not working for you, maybe you should check if the path to the images is correct