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 » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

Image Border goes a tad to low


  #1  
Old Feb 21, 2011, 06:07 PM
willwork
 
24 posts · May 2010
Hi All-
I'm trying to do a drop shadow around the whole site and used the following code in HTML/CSS Inserts:
Code:
div#container {
padding-left: 12px;
padding-right: 14px;
background: url('<?php echo get_template_directory_uri(); ?>/images/dropBorderSides6.png');
}
And then I put a background image aligned to the bottom in the footer like this:
Code:
background: url(/premierpedsbh/wp-content/themes/atahualpa364/images/bottomBorder4.png);
background-repeat:no-repeat;
background-position:left bottom;
Problem is, the sides extend 10px or so too low - how do I control how far down the side border will continue?
Here's the link so you can see:
http://www.willworkforfilm.com/premierpedsbh/

It just doesn't quite match up. THANKS!
  #2  
Old Feb 21, 2011, 06:58 PM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
why not make the image 1px high and repeat it? You have it set at 65px high so even if it only needs 1 more px, it will show another 65.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Feb 21, 2011, 07:21 PM
willwork
 
24 posts · May 2010
Thanks! I tried that, but it's still going over a little bit.

I added this:
Code:
div#container {
padding-left: 12px;
padding-right: 14px;
background: url('<?php echo get_template_directory_uri(); ?>/images/dropBorderSides7.png');
background-repeat:repeat-y;
}
And the image is only 1 px high. Perhaps it's because my footer image isn't going low enough. Is there code to pad it below the edge of the footer?
  #4  
Old Feb 28, 2011, 07:15 PM
willwork
 
24 posts · May 2010
Is there a way to add a border that stops before it gets to the footer? I'd like the footer to not have the border around it.
You can see what's happening here:
http://willworkforfilm.com/premierpedsbh
  #5  
Old Mar 1, 2011, 04:41 AM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I can't think of a way since the 'container' is the element that the rest of the page is built 'inside of'

think of it this way, each layer is a sheet of transparent paper, so the first sheet is the body and then you lay on that the wrapper and next comes the container. On the container you have put a shadow all around it that exceeds it's sides.

Now on top of the container is a table, the table has three separate sheets that all rest on the table and they are the three rows: header, middle and footer

while you can style the footer, it still rests on top of the table/container and the container shadow stretches and you can't stretch the footer to cover it.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Mar 1, 2011, 09:04 AM
willwork
 
24 posts · May 2010
Sorry for double post - because I switched to border-image instead of a background image with padding, it seemed to me a different thing altogether.

So is there a way to style just the "middle" instead of the whole container?
  #7  
Old Mar 1, 2011, 12:50 PM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Sure, ato->Style & edit CENTER COLUMN->Center column style
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Using a image for the Layout Border docfox Forum How-To 8 Feb 17, 2011 12:22 PM
[SOLVED] Border around image and not image caption when captioning used vCopia Center area post/pages 7 Jan 22, 2011 11:00 AM
Image border Yes. Caption Border No. vCopia Center area post/pages 1 Jan 19, 2011 05:32 PM
[SOLVED] Searchbox Too Low, Can't Reposition in AT Options bfa92037 Header configuration & styling 2 Sep 14, 2010 04:25 PM
How to remove border around image preciousfoods Center area post/pages 6 Jun 17, 2010 04:33 PM


All times are GMT -6. The time now is 07:50 AM.


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