Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Forum How-To (http://forum.bytesforall.com/forumdisplay.php?f=9)
-   -   Using a image for the Layout Border (http://forum.bytesforall.com/showthread.php?t=7174)

docfox May 18, 2010 04:14 PM

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.


jsan Dec 27, 2010 02:53 PM

I also want to know how to do this.

I found what could be a solution here:

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!

lmilesw Dec 27, 2010 03:23 PM


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

juggledad Feb 11, 2011 04:31 AM

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

lmilesw Feb 11, 2011 06:52 AM

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

runnerb0y Feb 11, 2011 09:06 AM


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

mirco65 Feb 17, 2011 02:10 AM

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;

lmilesw Feb 17, 2011 07:44 AM

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

willwork Feb 17, 2011 12:22 PM

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!

All times are GMT -6. The time now is 04:14 PM.

Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.