?

Log in

No account? Create an account

Previous Entry | Next Entry

How to install a footer image.

  • Apr. 16th, 2007 at 12:40 AM
Hey. I'm working on making my first modified/custom layout with Expressive using rocket as a base for my personal journal. I have a paid account. So far all the help on this community has been great, but I'm wondering if there's a way to place a custom image in the footer, just as you can do in the header? I've looked through most of the posts on the community and can't find anything, so if I've missed it, I apologize.

Thank you in advance for the help!

SOLVED

Comments

( 4 comments — Leave a comment )
av8rmike
Apr. 16th, 2007 12:15 pm (UTC)
Covered in this post. Not enough people have asked about it to warrant its own tag. The page footer works just like the header, except doesn't affect the journal as much.
_loveclaire
Apr. 16th, 2007 06:24 pm (UTC)
thanks for the quick response! i've inserted the code, but the image is still not appearing. is there something i've done wrong, or is this something you simply can't change in the wizard box thing? here's how i have things coded:

body {
background-color: ##3B74A9;
background-image: url("http://littleandslow.com/images/back4.jpg");
background-repeat: repeat-10 ;
background-attachment: fixed ;
}

.nav { display: none; }

#header-name { display: none; }

#header-description { display: none; }

#header-inner {
background-image: url(http://littleandslow.com/images/dc_sleeps5.jpg);
}
#header, #header-content {
background-image: none;
}
#container-inner, #header-inner {
width: 779px; /* Change the width of the header and overall container boxes*/
}
#alpha {
width: 589px; /* Overall width minus sidebar width*/
}
.layout-tw #alpha-inner {
width: 560px; /* Width of #alpha minus 40px margins*/
}
#header-content-inner {
margin: 142px 15px -50px -20px;
}
#footer {
background-image: url(http://littleandslow.com/images/dc_sleeps4.jpg);
}
av8rmike
Apr. 16th, 2007 07:52 pm (UTC)
No, it's neither of the two. I haven't yet figured out why, but apparently the base layout doesn't automatically allocate space for the footer like it does the header. Add the following line to the #footer{} section:
padding: 1px 0 xxxpx;
Change the "xxx" to the height of your footer image. You may also need to reduce the width of #alpha-inner{} to get the sidebar back to the top.
_loveclaire
Apr. 16th, 2007 08:15 pm (UTC)
it worked like a charm! thanks!
( 4 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars