PDA

View Full Version : All sorts of problems with a footer


zamwi
February 26th, 2006, 08:46
I've been trying to round off my page for a while. I have a footer here (http://www.zamwi.com/pics/retrofooter_780.jpg) its really simple. I've used Paul's (http://www.paulstamatiou.com/2005/12/31/customizing-k2-part-2/) tutorial to try to implement it but it just doesn't show up. I've tried editing the footer.php file, but that doesn't work either. All I want to do if round of the page with my 680x100 footer. How do I do it?

Aqua Curve
February 26th, 2006, 09:30
First off I would suggest you using a Custom Style (http://binarybonsai.com/wordpress/k2/custom-styles/), and having all your images in a subfolder such as "images" trust me it will help. Second here is your problem, this is the code that you implanted in your style.css in your /k2 direcotry.

#footer {
background: url('http://www.zamwi.com/pics/retrofooter_780.jpg') bottom center no-repeat !important;
}

In the images directory in the K2 theme dir, put the retrofooter_780.jpg there then you can use the following code. Seeing that the Style.css is in the k2 folder and the url that you specify is where it is looking (in the K2 direcotry).

#footer {
background: url('images/retrofooter_780.jpg') bottom center no-repeat !important;
}

zamwi
February 26th, 2006, 09:49
I added the banner to my images folder in the K2 directory and added the code to my style.css, but I still get nothing. Do I need to have a custom style?

Aqua Curve
February 26th, 2006, 10:32
I added the banner to my images folder in the K2 directory and added the code to my style.css, but I still get nothing. Do I need to have a custom style?
So did put the banner image in wp-content/themes/k2/images or wp-content/themes/k2/styles/images?

But if you did as you said "I added the banner to my images folder in the K2 directory" which would be "wp-content/themes/k2/images" your code for the background image should look like this in CSS:
background: url('images/yourfile.png')top left right whatever;

zamwi
February 27th, 2006, 02:45
The image is in wp-content/themes/k2/styles/images and I added the CSS but I still get nothing...

Aqua Curve
February 27th, 2006, 08:37
You are editing Style.css (the main one), that resides in wp-content/themes/k2/ if you put the image in this directory "wp-content/themes/k2/styles/images/" then the url to the image in the CSS would be "styles/images/yourimage.jpg". But if you were using a custom style which is in the styles directory your code would work because the directory images (where you the image) resides in that directory

zamwi
February 27th, 2006, 09:02
#footer {
background: url('styles/images_retrofooter.jpg') bottom center no-repeat !important;
}

Thats what I put, I still get nothing....what the hell am I doing wrong? It shouldn't be this hard!

Do I need to get rid of
#footer a {
color: #888;
border-bottom: 1px solid #ccc;
font-weight: bold;
}

#footer a:hover {
border: none;
text-decoration: none;
color: black;
}
or I am placing the css in the wrong place or what...

Aqua Curve
February 27th, 2006, 11:05
#footer {
background: url('styles/images_retrofooter.jpg') bottom center no-repeat !important;
}

Whats with the "_" after images? The code should be . . .
#footer {
background: url('styles/images/retrofooter.jpg') bottom center no-repeat !important;
}