Using a image for the Layout Border
 

I'm trying to add a border (using a gradient image) using ATO -> Style & Configure Layout -> Layout Container Style.

I've got some of it to work, but I cant get the image to go all the way around the layout.

I've also tried setting the image to a right side and a left side but the same image shows on both sides.

Here you will see the border on the left side is correct (a gradient blue) http://www.ffstock.com/blog/

Thanks in advance for any help and suggestions.

Doc

I also want to know how to do this.

I found what could be a solution here:
http://www.webcredible.co.uk/user-fr...-borders.shtml

It has you add four <div> areas, one for each border, then in CSS add a background image that repeats starting from each corner.

But I can't seem to actually add new <div>'s within the Layout Container Style editor. Or something else is going wrong.

Somebody who knows this stuff please help!

@docfox

Where are you trying to add the gradient image? I only see a solid background for the site.

CSS does not allow you to use an image as a border. You would have to edit the theme code to implement the idea in post #2

I did create a "border" on this site by putting a background image on the div#container and using padding for the "width".

lmilesw,

That sir, is a very creative solution, that should work for a solution on this thread too.

I have the same problem...
I need to insert a background and in the div container another background (similar to a pergamena)
but this code doesn't work... I inserted it on the Add HTML CSS insert

Someone can help me?
The website is Vocemea

div#container {
padding: 20px;
background: url('<?php echo get_template_directory_uri(); ?>/images/bg_pergamena.png) top center;
border: 2px solid black;
padding-left: 20px;
padding-right: 20px;
width: auto;
margin-left: auto;
margin-right: auto;
text-align: left;
display: block;
}

The site looks OK to me but you do have a quote missing from your image path at the end.

I'm a bit lost, trying to create a drop shadow border around the whole site. I created a png of a drop shadow, and used the above code in Add HTML/CSS Inserts - but no joy. Any other direction? Thanks!