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
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
  #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,727 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.

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 04:22 PM.


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