• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Metric Theme Background and Wrap

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: not resolved

Tagged: metric theme, wrap

  • This topic has 2 replies, 2 voices, and was last updated 10 years, 5 months ago by wezzleuk.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 3, 2013 at 12:13 pm #32875
    wezzleuk
    Member

    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

    April 3, 2013 at 8:23 pm #32988
    Anita
    Keymaster

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

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

    Change the image there also.


    Love coffee, chocolate and my Bella!

    April 4, 2013 at 8:52 am #33068
    wezzleuk
    Member

    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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble