Metric Theme Background and Wrap

Community Forums Forums Design Tips and Tricks Metric Theme Background and Wrap

This topic is: not resolved

Tagged: ,

This topic contains 2 replies, has 2 voices, and was last updated by  wezzleuk 1 year, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #32875

    wezzleuk
    Participant
    Post count: 1

    Hi there

    I’ve been modifying the Wrap and Background of the Metric Theme for my website http://www.mablethorpemarathon.org.uk and have (I think) worked out I need to alter the wrap.png, bg.png and wrap-bg.png files (I’m not using the logo.png file).

    Everything looks great on the ‘home’ page but the two additional pages I have added (Registrations and Terms) still display the original wrap-bg.png file despite the fact I changed it. And how do I get the wrap.png file (which is now the logo) to display on these pages.

    Thanks in anticipation

    Brian

    #32988

    anitac
    Participant
    Post count: 6991

    You changed it to the Home page only. Look for this code in your CSS:

    [css]#wrap {
    background: url("images/wrap-bg.png") repeat-x scroll 0 0 #F7F7F7;
    margin: 0 auto;
    padding: 0;
    }[/css]

    Change the image there also.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #33068

    wezzleuk
    Participant
    Post count: 1

    Hi Anitac

    Thanks for your help I think it pointed me in the right direction as I’ve now got my ‘logo (which is the wrap.png file) on all pages but I can’t work out how to get the background (bg.png) to appear on all pages as it does on the ‘home’ page.

    This is my Wrap section in style.css.

    /***** Wrap ********************/

    .home #wrap, .home-page #wrap, .blog #wrap {
    background: url(images/wrap.png) top center no-repeat;
    margin: 0 auto 0;
    padding: 0;
    }

    #wrap {
    background: #F7F7F7 url(images/wrap.png) top center no-repeat;
    margin: 0 auto 0;
    padding: 0;
    }

     

    Thanks in advance

    Brian

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

You must be logged in to reply to this topic.