WordPress.org

Ready to get started?Download WordPress

Forums

Background CSS Question (17 posts)

  1. aerproductions
    Member
    Posted 2 years ago #

    I just edited my login.css file to give my login page a background. However, the image just stops about 7/8 down the page and I'm not sure why (I know the image is larger than it is actually displaying on the webpage). The website is http://dukesocial.com - Please help me! Thanks so much.

  2. jwind
    Member
    Posted 2 years ago #

    Looks fine on a 13inch macbook. What is the pixel dimensions of the bg image?

  3. aerproductions
    Member
    Posted 2 years ago #

    It's 1600x1024. Try decreasing the size of the page to see what I'm talking about.

  4. jwind
    Member
    Posted 2 years ago #

    It's 1600x1024.

    That's your problem. It's not larger then it displays on your page. If someones monitor is larger the ~1600x1024 they are going to see white, unless the BG image is repeated.

  5. aerproductions
    Member
    Posted 2 years ago #

    I have other pages that have the exact same background but the image fills up the entire screen. All of my images are larger than the screen itself. I think it has something to do with the wordpress log-in CSS structure or the login.php code

  6. jwind
    Member
    Posted 2 years ago #

    Make the HTML background your image. Still though, it's not going to fill more then 1600x1024. Why would I lie to you?

  7. jwind
    Member
    Posted 2 years ago #

    html{
    background: your image;
    }

  8. aerproductions
    Member
    Posted 2 years ago #

    Okay, just to show you that I'm not crazy, I've taken this image: http://www.solstation.com/stars/earth3sa.jpg (which is 2048x2048...much larger than my screen) and set it as the background of the login screen using the CSS that you provided, and I'm still seeing the exact same issue.

  9. jwind
    Member
    Posted 2 years ago #

    No you didn't. You've set it to the body again.

  10. aerproductions
    Member
    Posted 2 years ago #

    Now there's nothing there...could the css file be messed up?

  11. jwind
    Member
    Posted 2 years ago #

    Nope. looks like it's still working. Still no background applied to the HTML tag though.

  12. aerproductions
    Member
    Posted 2 years ago #

    So what do you suggest I do to fix it?

  13. aerproductions
    Member
    Posted 2 years ago #

    by the way, the directory was just moved to dukesocial.com/home

  14. jwind
    Member
    Posted 2 years ago #

    I suggest you apply the background to the HTML tag. I've said that a few times now ;)

  15. aerproductions
    Member
    Posted 2 years ago #

    Is that within the CSS file? I copied/pasted exactly what you told me to earlier and it didn't work. In fact, it gave me a plain white background!

  16. jwind
    Member
    Posted 2 years ago #

    No. here is what you have:

    html{
    background-image:'http://www.solstation.com/stars/earth3sa.jpg';
    }

    which is essentially:

    html{
    
    }

    (nothing) and that's how it's rendered by the browser and fire bug. So that's why it's not showing up, and why I keep telling you to add it. Don't get mad at me that you don't know CSS syntax.

    You need:

    html{
    background-image: url(PATH TO YOUR IMAGE!!!!!!);
    }

    WHen you come here asking CSS questions, I think we all assume you know the basics.

  17. aerproductions
    Member
    Posted 2 years ago #

    I'm not getting mad at all! I finally got it to work...thanks for your help

Topic Closed

This topic has been closed to new replies.

About this Topic