CSS Help

by 6 replies
7
I'm having problems with CSS and making a background on a theme to be fixed so you can scroll down and the background would be fixed.

Anyone familiar with CSS can help, I'll send you the page to take a look when i get a reply.
#off topic forum #coding #css
  • Banned
    Hi

    Take a look here CSS Background and here CSS background-attachment property to see if it helps.
  • Like above said.. background-attachment: fixed; is what you need to use
    • [1] reply
    • I did do that. Here is the site and the problem: forex product

      Notice there's a top background then it breaks off to teh fixed one.
  • forex product

    Currently, their are two the same background.. not sure how you create the CSS.. when checked the body background I can see the source URL but when I disable the background. the site background still showing.. So there are possibly two backgrounds in your site. I dont want to check the whole CSS though. lol
  • found it.. here's the other image the is scrolling..

    #art-page-background-gradient {
    background-image: url("images/page_g.jpg");
    background-repeat: no-repeat;
    height: 650px;
    position: absolute;
    top: 0;
    width: 100%;
    }

    the body background is fixed though.. but this one is not..
    • [ 1 ] Thanks
  • Thanks everyone. I fixed it.

    body
    {
    margin: 0 auto;
    padding: 0;
    color: #7A4F05;
    background-color: #CCCCCC;
    background-image: url('images/page_t.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    }
    I had the position at top left instead of top centre. I don't know why but when I reinstalled the background in my Theme creator software and used top center then put in the attatchment to fixed instead of scroll it worked.

    Thanks all.
Join the discussion

Next Topics on Trending Feed

  • 7

    CSS Help

    I'm having problems with CSS and making a background on a theme to be fixed so you can scroll down and the background would be fixed. Anyone familiar with CSS can help, I'll send you the page to take a look when i get a reply.