WordPress.org

Ready to get started?Download WordPress

Forums

Having problems getting background image to fill screen. (6 posts)

  1. TracyLee3124
    Member
    Posted 3 years 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

  2. alchymyth
    The Sweeper & Moderator
    Posted 3 years 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.

  3. TracyLee3124
    Member
    Posted 3 years ago #

  4. TracyLee3124
    Member
    Posted 3 years ago #

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

  5. TracyLee3124
    Member
    Posted 3 years ago #

  6. alchymyth
    The Sweeper & Moderator
    Posted 3 years 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

Topic Closed

This topic has been closed to new replies.

About this Topic