Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • ericaschulz Friend
    #150218

    http://www.getousset.net/accurate

    I’m trying to figure out where to add the code for a background image.

    /* HEADER
    --------------------------------------------------------- */
    #ja-header {
    background-image: url(../images/mainwrap-top.gif) no-repeat center top;
    line-height: normal;
    margin-top: 20px;
    padding-top: 5px;
    position: relative;
    z-index: 999;
    }

    #ja-header .main {

    }

    #ja-header .inner {
    background-image: url(../images/header.png) no-repeat;
    background:white;
    height: 100px;
    padding: 0 45px;
    position: relative;
    }

    h1.logo, div.logo-text {
    float: left;
    margin: 5px 0 0;
    padding: 0;
    }

    I added it to the #ja-header.inner since that was controlling the background color but that isnt working. I assume where ever it gets added in the header it will be added in the footer equivalent.

    Please help!

    Saguaros Moderator
    #339599

    Dear ericaschulz!

    can you give me the snapshort about this, i help me to have a look with what you need. i ‘ll make style for you

    Thanks

    ericaschulz Friend
    #339631

    The things with the circles around are what I want to be the background image for the header and footer.
    Thanks so much for your help!


    1. 3255-Accurate_Website
    Saguaros Moderator
    #339676

    Dear ericaschulz!

    Here is the solution for you
    Pls open the file: /templates/ja_topaz/css/template.css
    1) resolve the issue #1:

    a) you find codes:

    #ja-header .inner {
    background-image: url(../images/header.png) no-repeat;
    background:white;
    height: 100px;
    padding: 0 45px;
    position: relative;
    }

    and replace:

    #ja-header .inner {
    background:none;
    height: 90px;
    padding: 0;
    position: relative;
    }

    b) find codes:

    h1.logo, div.logo-text {
    float: left;
    margin: 5px 0 0;
    padding: 0;
    }

    and replace:

    h1.logo, div.logo-text {
    float: left;
    background:url(“../images/header.png”) no-repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
    height:90px
    }

    c) and find code

    h1.logo a {
    background: url(../images/logo.png) no-repeat center;
    display: block;
    height: 85px;
    width: 408px;
    }

    replace:

    h1.logo a {
    background: url(../images/logo.png) no-repeat center;
    display: block;
    height: 85px;
    width: 408px;
    padding:4px 0 0 180px;
    }

    2) with footer: pls give me the link to the image background,

    ericaschulz Friend
    #339761

    The footer background is
    background: url(../images/footer.png)

    Thanks so much for your help! that code worked perfectly for the header image 😀

Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 5 replies, has 2 voices, and was last updated by  ericaschulz 14 years, 7 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum