6 replies
  • OFF TOPIC
  • |
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.
#coding #css
  • Profile picture of the author pjCheviot
    Banned
    Hi

    Take a look here CSS Background and here CSS background-attachment property to see if it helps.
    {{ DiscussionBoard.errors[4464007].message }}
  • Profile picture of the author Jonas B
    Like above said.. background-attachment: fixed; is what you need to use
    Signature
    Proud owner of the most flexible mobile app builder. Check it out at http://bit.ly/hybrica!
    Mobile Web Expert & Android Developer
    {{ DiscussionBoard.errors[4464455].message }}
  • Profile picture of the author Blacklisted
    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
    {{ DiscussionBoard.errors[4467338].message }}
  • Profile picture of the author Blacklisted
    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..
    {{ DiscussionBoard.errors[4467350].message }}
  • Profile picture of the author ZaneZenMaster
    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.
    {{ DiscussionBoard.errors[4467784].message }}

Trending Topics