Having problems getting background image to fill screen.

  • TracyLee3124

    (@tracylee3124)


    13 years, 1 month ago

    I used a tutorial to create a theme that I could build off of:

    I started working on it and I cannot get my gradient image to fill the whole screen. I did width: 100%, I have changed the image to like 3000px wide, anything to see some kind of change. Is this a wordpress issue or am I just not doing the right thing. I read somewhere about using j-query, but I was hoping this was just a simple fix where I could move on with my project.

    Any help would be greatly appreciated.

    Thx,
    Tracy

Viewing 5 replies - 1 through 5 (of 5 total)
  • Michael

    (@alchymyth)

    13 years, 1 month ago

    this is a pure css issue.

    where to did you add the background image?

    if you can link to your site showing the background problem, someone might be able to check this.

    Thread Starter TracyLee3124

    (@tracylee3124)

    13 years, 1 month ago

    I have the background image in my images folder on the server and I used the css page to insert it. I set it as no-repeat and tried setting the width as 100%.

    Thanks I did not think about linking my page.

    Tracy

    Thread Starter TracyLee3124

    (@tracylee3124)

    13 years, 1 month ago

    Man, I must not have clicked to post the link sorry.

    Thread Starter TracyLee3124

    (@tracylee3124)

    13 years, 1 month ago

    Test site

    Michael

    (@alchymyth)

    13 years, 1 month ago

    background images do not stretch.

    1000px wide image is quite narrow in a world with large monitors.

    if you can make the image wider (at least 1200 to 1500 px; it only needs to be a few pixel high – set the ‘background-repeat: repeat-y;’) and create it in a way that the left edge has the same color as the right edge (more like a wave than a gradient), then you can set it to repeat in x direction as well.

    http://www.w3schools.com/css/css_background.asp

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Having problems getting background image to fill screen.’ is closed to new replies.