Dynamic nav_bg.jpg?

Discussion in 'Customizations' started by jevanedwards, Jan 13, 2013.

  1. jevanedwards New Member

    I have changed my site background to white and have the left navigation background blue. It looks great when someone is signed in, but as a 'guest' the background is too big because the links on the left side change. What is the best way to change the nav_bg.jpg to adjust for whomever is viewing it? I've tried a few different ways, but none seem to work correctly. Thank you.
  2. freeze2 Super Moderator

    Is it possible to share a link to better see what you are explaining...thanks
  3. jevanedwards New Member

    CruiserClassifieds.com
  4. freeze2 Super Moderator

    Try removing the height from your #left_navigation div in the css:

    Find:

    Code:
    #left_navigation {
        float: left;
        width: 207px;
        background: url('http://cruiserclassifieds.com/templates/deepsea/images/nav_bg.png') no-repeat;
        height: 494px;
    }
    Replace with:

    Code:
    #left_navigation {
        float: left;
        width: 207px;
        background: url('http://cruiserclassifieds.com/templates/deepsea/images/nav_bg.png') no-repeat;
    }
    Let me know if that works...thanks
  5. jevanedwards New Member

    Sorry, no luck. I removed 'height', and it still appears to be too long.
  6. Mike-N-Tosh Owner

    Get rid of the height declaration in your stylesheet for the #left_navigation
  7. Mike-N-Tosh Owner

    If that is not working for you (which does indeed work), then it's an issue with either your browser (browser cache), you didn't modify the correct file, didn't upload the modified file or you need to empty your template_c directory.
  8. freeze2 Super Moderator

    Ok...I looked a little closer and it appears that you have the <div style="margin: 30px;"></div> within the <div id="left_navigation"></div>...it should be below the <div id="left_navigation"></div> within the <div id="content_left"></div>. Make sure to leave the height out as noted above.

    So, I'm thinking the content should roll out as follows:

    Code:
    <div id="content_left">
    <div id="left_navigation">Content</div>
    <div style="margin: 30px;">Content</div>
    </div>
    Hopefully that works...let us know
  9. jevanedwards New Member

    Freeze2, worked like a charm! Thank you so much for your help, it would have taken me forever to figure that out.
  10. freeze2 Super Moderator

    Thanks for the update...good luck with the site

Share This Page