• 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

Changing the Background Image in Metric

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 › Changing the Background Image in Metric

This topic is: not resolved

Tagged: metric theme

  • This topic has 5 replies, 2 voices, and was last updated 13 years, 4 months ago by AnitaC.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 1, 2013 at 5:17 pm #23600
    wp guy
    Member

    Here's the site: http://reiddevelopment.ca/summa - I would have thought that by replacing the bg.png image it would have put in the entire background - meaning no blue background - the entire top half of the site should have the repeating green image. Can anyone show me how to get the entire top of the site to have the green image?

    This is what I did:

    body {
    background: #002838 url(http://reiddevelopment.ca/summa/wp-content/uploads/2013/03/bgstrip.jpg) repeat-x;
    color: #444444;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0 auto 0;
    padding: 0;
    line-height: 20px;

     

    March 1, 2013 at 7:37 pm #23634
    AnitaC
    Keymaster

    Find this:

    .home #wrap, .home-page #wrap, .blog #wrap {

        background: url("images/wrap.png") no-repeat scroll center top transparent;
        margin: 0 auto;
        padding: 0;

    }

    Replace it with this:

    .home #wrap, .home-page #wrap, .blog #wrap {

        background: transparent;
        margin: 0 auto;
        padding: 0;

    }


    Need help with customization or troubleshooting? Reach out to me.

    March 1, 2013 at 7:42 pm #23637
    wp guy
    Member

    Perfect, thank you!!!

    March 1, 2013 at 7:50 pm #23641
    AnitaC
    Keymaster

    You're welcome.


    Need help with customization or troubleshooting? Reach out to me.

    March 1, 2013 at 7:55 pm #23645
    wp guy
    Member

    What was odd to me is I've changed the background image many times before by replacing the image file. Never an issue. Today I didn't have quick FTP access to my client's host so I replaced the URL. I have no idea why I had to change the wrap to transparent.

    March 1, 2013 at 7:59 pm #23647
    AnitaC
    Keymaster

    You changed the image to the BACKGROUND... the code I gave you was for the HEADER WRAP.


    Need help with customization or troubleshooting? Reach out to me.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 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

© 2026 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