Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

Using a image for the Layout Border


  #1  
Old May 18, 2010, 04:14 PM
docfox's Avatar
docfox
 
24 posts · Dec 2009
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
  #2  
Old Dec 27, 2010, 02:53 PM
jsan
 
3 posts · Dec 2010
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!
  #3  
Old Dec 27, 2010, 03:23 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
@docfox

Where are you trying to add the gradient image? I only see a solid background for the site.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old Feb 11, 2011, 04:31 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Feb 11, 2011, 06:52 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I did create a "border" on this site by putting a background image on the div#container and using padding for the "width".
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Feb 11, 2011, 09:06 AM
runnerb0y
 
67 posts · Nov 2010
lmilesw,

That sir, is a very creative solution, that should work for a solution on this thread too.
  #7  
Old Feb 17, 2011, 02:10 AM
mirco65
 
25 posts · Oct 2010
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;
}
  #8  
Old Feb 17, 2011, 07:44 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
The site looks OK to me but you do have a quote missing from your image path at the end.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Feb 17, 2011, 12:22 PM
willwork
 
24 posts · May 2010
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!

Bookmarks

Tags
background image, border, image

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Border on left and right of header image Velma Header configuration & styling 4 Mar 25, 2010 07:50 PM
[SOLVED] Image above layout container cmccarten Atahualpa 3 Wordpress theme 4 Jan 12, 2010 11:51 AM
I need help adding a border image to the outside of my page notimtolose Sidebars & Widgets 5 Oct 24, 2009 04:23 PM
[SOLVED] How to remove border from an image? Nefeli Sidebars & Widgets 15 Sep 14, 2009 10:37 AM
How to change dotted border line in the layout to solid line? araneum Atahualpa 3 Wordpress theme 1 Feb 21, 2009 06:40 PM


All times are GMT -6. The time now is 06:34 PM.


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