background image not showing, so what have I done wrong
HI Guys,
I'm really struggling and I dont know why, so it must be something really simple that I'm missing I have saved my image as show below The website address is www.surfproduce.co.uk, I wanted to get the background to show the following image, it was sized at 1200 x 900 wp-content/themes/atahualpa353/images/background_fluin1200.jpg I thought I had to change the background under the BODY, LINKS, TEXT and added background: url(http://www./wp-content/themes/atahua..._fluin1200.jpg) repeat top left; but all it has done is changed the original grey background to white Please can you help, before I pull my hair out!! |
Your background code is incorrect. You shouldn't have the http://www. at the beginning. It should be more like the following. Of course you need to fill in the the rest of the ending.
HTML Code:
background: url(/wp-content/themes/atahua..._fluin1200.jpg) repeat top left; |
thank you I have managed to achieve that, with your help.
If I wanted to keep the background static and have the centre content scoll down, so as I scroll down the background doesnt move http://www.surfproduce.co.uk/ |
It looks like you figured it out.
|
Quote:
Just got to get the sizing right as on my imac the picture has gaps but on my dell laptop its right up close...some more digging now I am feeling my way around it |
Quote:
I'm new and not a much of a developer but learning WP slow but sure with the help of this template. You did not answer the previous comment/question (only that he "figured it out") and it was really just what I was looking for... I put a background in but I want to be fixed... I've tried different things and it either breaks everything or disappears. I see that code snippet above (repeat-y center center fixed;) but doesn't seem I would want it centered... and isn't "repeat-y" saying YES to repeat? I want the background to stay fixed, and the body to scroll up and down... (I guess that's how you describe it)... (told you I was a newbie) :) ALSO... related to this: I have NO background in IE8... so far can only see in FF and Chrome (surprise!)... and I think my friend on her Mac said she could not see it. Can you help me with this? In addition, I was trying to find out if there is a reasonable way to NOT have the rotating header on all the other pages in the site... I am going to have many pages, and it seems redundant. Do I have any options for that? THANK YOU... Here is where the current site build is: http://www.testsite1.tampaclearwaterwebservices.com Christine |
Hi Ctabor1
If you check out my site now, I think this is what you are looking to achieve. Only on a big screen does my background repeat say on a 21" screen and only top to bottom. I use firefox on a mac and this is a screenshot of your website. Hope this helps you see what I see http://kustominteriors.co.uk/MyPhotos/screenshot.png I had to cut the middle from my photo and stretch it in photo shop. Then I had to reduce the centre layout width - off the top of my head I cant remember which setting that is, will take a look when I can login to WP Although I dont want my centre that small in width, so I need to understand what I can do, so anyone reading this with any hints... |
Quote:
background: #000000 url(/wpcontent/themes/atahualpa353/images/background-image.jpg) no-repeat center top fixed; The color at the beginning is the background color if you don't repeat the image or if you use a transparent image. The next is repeat which can be none or repeaty-y (vertically) or repeat-x (horizonally) and center top is the positioning. All this info is easily searchable on w3schools.com |
All times are GMT -6. The time now is 08:04 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.