Please Read First
Troubleshooting Tips
Frequently Asked Questions
Before Posting Please Disable Wp Super Cache Plugin
When Posting Please Include Your URL.
Search Forum Using Google Search Box Above
Forum Video

Page 1 of 2 12 LastLast
Results 1 to 10 of 20
  1. #1
    Join Date
    Jul 2010
    Location
    Columbia, SC
    Posts
    12
    Rep Power
    0

    Default Fixed Background

    I chose that blue to white (top to bottom) background, didn't like it repeating though so it now fades to the regular background.

    I would prefer to fix/lock it. I did a search for css background fix, inserted what I found in the style menu below the background color, but it didn't work. Couldn't figure out anywhere else to put it.

    How can I lock the background so it won't scroll?
    My online mission: Changing Lives, Saving Lives, & Helping Others!

  2. #2
    Join Date
    Jun 2010
    Location
    South Bend, IN
    Age
    40
    Posts
    876
    Rep Power
    6

    Default

    If I use a gradient I choose "repeat x" and the fade doesn't repeat. You can see at www.wirelesskindledx.com

  3. #3
    Join Date
    Jul 2010
    Location
    Columbia, SC
    Posts
    12
    Rep Power
    0

    Default

    Eric, I had already done that, but I would prefer to lock the blue in place rather than have it scroll off the screen. There is a distinct line between the the loaded background and the standard color below as the blue fades to white. I don't want a white background.

    You can see what I mean... at JustBlogn.com
    My online mission: Changing Lives, Saving Lives, & Helping Others!

  4. #4
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,318
    Rep Power
    12

    Default

    Just change background styling color to: FFFFFF

  5. #5
    Join Date
    Jul 2010
    Location
    Columbia, SC
    Posts
    12
    Rep Power
    0

    Default

    Dan, I realize I could do that, but I really didn't want a plain white background upon scrolling... and I prefer to fix the blue gradient if possible.
    My online mission: Changing Lives, Saving Lives, & Helping Others!

  6. #6
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,318
    Rep Power
    12

    Default

    Check out this page.. sorry don't have time to test right now..

    http://www.w3schools.com/Css/pr_back...attachment.asp

  7. #7
    Join Date
    Jul 2010
    Location
    Columbia, SC
    Posts
    12
    Rep Power
    0

    Default

    Thanks for the effort Dan, I inserted it exactly as is, but figured that wouldn't work. I'm not sure I inserted it in the right place (quite new to messing around with code...some I can figure out, the rest is mumbo jumbo).

    I assumed I would need the url image location for that code, but haven't found it anywhere yet. I tested the code as is, it didn't work as expected. I inserted it near the top of the css style sheet where the background info is.

    Perhaps, the next edition of Socrates will include a button to check to fix the background in the background area (we can hope for it)
    Last edited by JustBlogn; 07-03-2010 at 05:08 AM.
    My online mission: Changing Lives, Saving Lives, & Helping Others!

  8. #8
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,318
    Rep Power
    12

    Default

    Justnblog,

    It's in the header.php file.

    You can delete this in header.php...

    body {background:url(<?php bloginfo('template_url'); ?>/background-images/<?php echo $bg['bg']; ?>) <?php echo $bg['repeat']; ?> #<?php echo $style['bgColor']; ?> }

    And then hard code the fixed css code in your stylesheet.

    To be honest fixed backgrounds are really pretty rare. Not sure the feature would get much use.

  9. #9
    Join Date
    Jul 2010
    Location
    Columbia, SC
    Posts
    12
    Rep Power
    0

    Default

    Knowing very little about coding, I deleted the suggested file, which removed the background altogether, but attemtping to put code into the css file... yeah, that didn't work, obviously I don't know what I'm doing. For non-coders, anything that isn't obvious is just jibberish.

    RE: Fixed backgrounds being rare
    I set up a couple of forums some years ago (before css was the thing), and I used ezboard which was mostly fill in the blank for us web dummies, and learned about the background=fixed html command, which I used. Suddenly, everyone was asking me how to fix their background too. Personally, I think it is rare because us non-coders don't know how to do it. Given a few simple options, I think we would see a lot more rare items being used.
    Last edited by JustBlogn; 07-03-2010 at 12:15 PM.
    My online mission: Changing Lives, Saving Lives, & Helping Others!

  10. #10
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,318
    Rep Power
    12

    Default

    Sorry, I was thinking you grab the code from the page I sent.

    http://www.w3schools.com/Css/pr_back...attachment.asp

    In Style.css try replacing


    body { background-color:#F4F4F4; margin:0;
    font-size: 9pt;
    font-family: 'lucida grande', Verdana, Sans-Serif;
    }


    with

    body { background-image:url('pathtoimage/image.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
    margin:0;
    font-size: 9pt;
    font-family: 'lucida grande', Verdana, Sans-Serif;
    }

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •