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!
|
All times are GMT -6. The time now is 12:28 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.