• 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

color style used for body background

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 › color style used for body background

This topic is: resolved

Tagged: background, body, color style

  • This topic has 3 replies, 2 voices, and was last updated 7 years, 11 months ago by april.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 28, 2015 at 5:19 pm #142685
    april
    Participant

    Hi. I'm trying to have the background change when a client chooses a different color style. Is that possible to do with the 'Color Style' settings? Change the background?

    This is the code I have on the site:

    .sweet-taylor-gold body {
    background-color: #ffffff;
    background: url(images/bg-milk-chocolate.png) repeat-x;
    }

    The codes correct but the background won't change 🙁 Help please?

    http://amblogdesign.com/test2/
    February 28, 2015 at 11:26 pm #142695
    Victor Font
    Moderator

    The .sweet-taylor-gold class name you are using appears nowhere in the source code. Under the appearance/customizer menu, select color to change the background-color. Alternately, you can change the color directly in style.css in the body block starting on line 142.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    March 2, 2015 at 9:33 am #142864
    april
    Participant

    Hi Victor,

    Thanks for your reply. The class name is there. Here's a screenshot.

    Screenshot

    I know how to change the background color but that's not what I'm trying to accomplish. This will be theme sold to many people and I want to give them the option of choosing different colors. I've done this before with many of my themes but I've never set one up to change the background.

    You can visit the demo and choose gold from "Theme Colors" on the menu bar. All colors change but the background.

    Is it possible to have the background color change too?

    March 11, 2015 at 12:11 pm #144056
    april
    Participant

    okay, I was able to figure it out. I had to move body to the front of the class name and add !important to the end of the background css code. It looks like this:

    body.sweet-taylor-gold {
    background: url(images/bg-milk-chocolate.png) repeat-x !important;
    }

  • 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

© 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