• 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

Magazine Pro background help

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 › Magazine Pro background help

This topic is: not resolved

Tagged: background color

  • This topic has 3 replies, 2 voices, and was last updated 11 years, 9 months ago by Fitness Blogger.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 28, 2014 at 3:19 pm #102808
    Fitness Blogger
    Member

    Hey,

    I am trying to change the background for my new site http://www.thefitblog.com.

    What I want is something similar to this: http://www.livelifeactive.com/blog - a light gray background with all the active areas in white. Is that possible? Or can my theme only support a single background color for all areas?

    Thanks a lot!

    http://www.thefitblog.com
    April 28, 2014 at 4:17 pm #102818
    Lauren @ OnceCoupled
    Member

    Your page elements have no background color assigned and are therefore transparent. Once you change your background color you need to change the areas you want to be white. As a starting point:

    body {
         background-color: #DDD;
    }
    .wrap {
         background-color: #FFF;
    }

    Best,
    Lauren


    We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

    April 28, 2014 at 4:49 pm #102823
    Fitness Blogger
    Member

    Thanks a lot Lauren!

    That changed the background, header and footer but not the main content area. Do you know where I should look to change the rest?

    (actually the footer shouldn't change preferably)

    April 28, 2014 at 5:13 pm #102826
    Fitness Blogger
    Member

    I managed to change site-inner so everything is white. However, it looks quite bad. I was hoping to be able to create some visual separation between the different elements on the site by having a gray background and white boxes for each element (so there would be a thin grey line between the content area and the sidebar). Do you think that is possible or is the entire inner area one large element?

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