WordPress.org

Support

Support » Themes and Templates » Having problems getting background image to fill screen.

Having problems getting background image to fill screen.

  • 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)
  • 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.

    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

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

    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.
Skip to toolbar