2 Replies Latest reply: Jan 9, 2013 1:16 AM by Conceptstore RSS

    CSS Background image not working - Can you help?

    Conceptstore Community Member
    Conceptstore Jan 8, 2013 4:06 AM

      We have a silly litle problem.  It seems that the CSS body background image just will not work.

       

      - We had a full screen image rotator in the back which we thought may be interferring with it but after removing it, it still didn't work (currently removed)

      - We've tried placing the css code in different classes and it still doesn't work

      - We've made sure the file is not corrupt

      - Tried different tweaks but no luck.

       

      If anyone could take a look and give it a second opinion that would be appreciated as I'm sure its something small

      and silly that I'm overlooking.

       

      http://conceptstore01.businesscatalyst.com/

       

      Edit:

      Sorry css is:

       

      body {

          font-family: Arial, sans-serif;

          color: #aa6434;

          font-size: 13.5px;

          margin: 0;

          padding: 0;

          background-image: url(/images/bg.jpg) repeat;

         

          line-height:18px;

      }

        • 1. Re: CSS Background image not working - Can you help?
          Sidney Mitchell Employee Hosts
          Sidney Mitchell Jan 8, 2013 9:26 AM (in response to Conceptstore)

          Hi,

           

          I'm seeing the file "/images/bg3.jpg" found in your layout.css file reference on the page at the moment. 

           

          2013-01-08_0922.png

           

          If needing to change this to a different background look into your layout.css found via file manager or stylesheets directory to adjust accordingly. 

           

          2013-01-08_0926.png

           

          Hope this helps!

          -Sidney

          • 2. Re: CSS Background image not working - Can you help?
            Conceptstore Community Member
            Conceptstore Jan 9, 2013 1:16 AM (in response to Sidney Mitchell)

            Thanks for the input Sidney.

             

            We were doing alot of editing with all the css files and although the background code was showing in firebug, it just wasn't rendering.

             

            Eventually we got it to work (as you can see in the screenshot you posted up) via altering another CSS file that may have been clashing with the body class.

            However I think its still not fully working on other divs/classes in the page.

             

            Not to worry though, its probably clashing elswhere.

             

            Thanks for the insight.