• 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

Sixteen Nine background color

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 › Sixteen Nine background color

This topic is: not resolved

Tagged: Sixteen Nine

  • This topic has 5 replies, 4 voices, and was last updated 11 years, 9 months ago by Drew.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 26, 2013 at 3:20 pm #58918
    jalodico
    Member

    How do I change the background color in sixteen nine. I tried doing it using the background settings under appearance but no change. Also tried directly changing the color using firebug but can't seem to find the proper code.

    Maybe what I'm really trying to do is change the color in the right sidebar? Or is there an overlay on the image?

    Any help would be appreciated.

    August 26, 2013 at 3:24 pm #58920
    David Neff
    Member

    Check your theme instructions

    August 27, 2013 at 8:47 am #59047
    jalodico
    Member

    Hmm...hadn't thought of that.

    However, although I actually did check the instructions before starting this thread (and searched the forum), hence the need to turn to the forum for help, the method for changing the background image in the instructions did not work. (appearance/background/background color).

    Unless there are instructions other than the "get started" instructions of which I'm not aware.

    August 27, 2013 at 5:44 pm #59133
    Robin
    Member

    In your css, you will need to change the background-color of the .site-header element.

    /*
    Site Header
    ---------------------------------------------------------------------------------------------------- */

    .site-header {
    background-color: #000;
    color: #999;
    float: left;
    height: 100%;
    padding-top: 40px;
    padding-top: 4rem;
    position: fixed;
    text-align: center;
    width: 240px;
    }


    Need help customizing your website? Let me know at RKW Media.

    I’m taking up The Challenge by answering some of the Unanswered Posts.

    September 23, 2013 at 3:09 pm #63891
    Drew
    Member

    I had the same question as the OP. I know I can edit the CSS manually, but isn't that what the appearance tab is for? It handles the text color, but not the background color.

    September 24, 2013 at 8:49 am #63964
    Drew
    Member

    Just got this response via email technical support:

    Sixteen-Nine uses a custom background solution so the color feature does not work, only the image feature. You can customize the theme to change the way the background works, but the simplest solution is to just create a 1x1 image in the color you want. This will load quickly, stretch to fit any device, and if you ever decide to use the background image as designed it will work for that too.

    I guess the color control in the admin panel is inherited from the Genesis parent theme. The child theme should either remove that, or create a workaround.

  • 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

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