background footer image
-
Hi,
I am having some trouble with adding a background image to my footer..
i have inserted the code below into my css…
#footer {
background-image: url(http://path);
}
but still no sign of a background image appearing…
Any help would be greatly appreciated..
Your syntax above is incorrect. When using background-image, you need to wrap the url in single or double quotes. Like this:
#footer {
background-image:url('http://pathtoyourimage.png');
}thanks John, However it still doesn’t work for me.., I think something else must be overwriting it!?? this is what i have…
#footer {
background-image: url("http://http://www.elliottwaveireland.com/blog/wp-content/uploads/2012/05/footer.gif");
border-top: 1px solid #d5d5d5;
padding-top: 50px;
margin-bottom: 30px;
min-height: 80px;
position: relative;
background-color:#396395;
color: #fff;
clear: both;
}[Moderated by Josh: Please use backticks when placing code in posts.]
Try this, you had extra http://
#footer {
background-image: url("http://www.elliottwaveireland.com/blog/wp-content/uploads/2012/05/footer.gif");
border-top: 1px solid #d5d5d5;
padding-top: 50px;
margin-bottom: 30px;
min-height: 80px;
position: relative;
background-color:#396395;
color: #fff;
clear: both;
}[Moderated by Josh: Please use backticks when placing code in posts.]
@whooops, @MXGimp,
Please use backticks when posting code so the forum doesn’t mangle it on the front-end.
@whooops,
Try this in your custom css:
#footer {
background-image: url("http://http://www.elliottwaveireland.com/blog/wp-content/uploads/2012/05/footer.gif") !important;
border-top: 1px solid #d5d5d5 !important;
padding-top: 50px !important;
margin-bottom: 30px !important;
min-height: 80px !important;
position: relative !important;
background-color:#396395 !important;
color: #fff !important;
clear: both !important;
}What is the website url?
Hi Josh, its http://www.elliottwaveireland.com/blog
ModTry saving your background image as .jpg, not .gif.
Also adjust it in the css mentioned above in my code if you change from .gif to .jpg:
background-image: url("http://http://www.elliottwaveireland.com/blog/wp-content/uploads/2012/05/footer.jpg") !important;
- You must be logged in to reply to this topic.