Jump to content
Sign in to follow this  
Sean Convy

Setting a background image problems

Recommended Posts

Sean Convy

I am trying to place a background image to be positioned bottom right of the site but cannot get it to work, I tried the following in the CSS but to no avail, can anybody help please. This is the css code that I tried background-image: url(image location here) no-repeat bottom right; I also tried creating a footer style in the css like this .footimage {float-right;background-image: url(image location here) no-repeat bottom right;} then created a div tag <div class="footimage"></div> and placed this after the cred area in the footer page but nothing doing Any help would be appreciated, and you can email me at webmaster@pacifichealthoptions.com

Share this post


Link to post
Share on other sites
Sean Convy

I forgot to mention the question relates to the station pro template, I tried to add the code to the body css but it knocks out the header border image. I am working on a buddies site and finding it frustrating, as I may add this theme to the iblog, ecopro and platform templates that have already, but the image thing is an issue

Share this post


Link to post
Share on other sites
catrina

Try this code instead:

body {background-image: url('http://IMAGELOCATIONHERE') no-repeat bottom right;}


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
Sean Convy

thanks Catrina, I did try this but to no avail, the station pro template uses a background image for the horizontal coloured stripe at the top of the page, Here is the css as provided with the template and including your suggestion. I also tried adding background-attachment:fixed; but it doesn't want to work. body{ font-size:13px; line-height:1.6em; color: #fff; background: #000; font-family:Arial,Verdana,Sans-serif; font-weight:normal; background-image: url('images/howler.jpg') no-repeat bottom right; } .nobg {} .bggrey {background: transparent url(images/bggrey.jpg) repeat-x 0 0;} .bgblue {background: transparent url(images/bgblue.jpg) repeat-x 0 0;} Its a little frustrating, as the image I am trying to use is a real beauty. I was wondering if it should be done as a line of php in the footer page, but my knowledge of php is very limited so a bit stuck there. Once again, many thanks for your efforts, as always a quick response you and the other guys are great help and always very attentive, whcih I personally really appreciate. Best wishes

Share this post


Link to post
Share on other sites
Sean Convy

yes, but the coding problem is not for that site it is for a friend of mine who has the station pro template, and that is what we are trying to resolve

Share this post


Link to post
Share on other sites
catrina

Try switching up the image position like so:

body {background-image: url('http://IMAGELOCATIONHERE') no-repeat bottom center;}

It'll still align at the bottom, but it will be positioned differently.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×