• 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

Individual Page backgrounds

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 › Individual Page backgrounds

This topic is: not resolved

Tagged: background images

  • This topic has 7 replies, 2 voices, and was last updated 12 years, 4 months ago by Brad Dalton.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 31, 2013 at 9:28 pm #16962
    dynamic
    Participant

    I'm looking to an an image to just one page

    I have added a background image to a table on the page, it shows in the editor but not when I view the page.

    This is the source
    <div class="entry-content">
    <style type="text/css"><!--
    body { background-image: url(http://www.coffeeculture.com.au/wp-content/uploads/2013/01/home_back.png); } -->
    --></style>
    <table width="100%" border="0">
    <tbody>
    <tr>
    <td align="">Owners – Chris Petersen &amp; Chef, Will Tooth – are an unbeatable force in consistently delivering excellence in both food and fresh coffee – roasting and slurping! The legendary ‘morning fix’ is enjoyed by hordes of loyal locals with Coffee Culture evolving as the cafe of choice for visitors and Highlanders alike who are seeking their superb daily fix! The Coffee Culture menu offers fresh, innovative meals and can cater for small functions and parties – at either cafe or in a venue of your choice. Coffee Culture’s roasting dominion, Redback Roasters, scours the world for the highest quality coffee beans. All blends are expertly roasted in-house and can be purchased in both cafes or online.</p>
    <p>&nbsp;</td>
    </tr>
    </tbody>
    </table>
    I have a number of pages I'd like to give specific images to, suggestions please

    Thanks
    Charles

    January 31, 2013 at 10:30 pm #16977
    Brad Dalton
    Participant

    Go to Layout Settings > Custom Body Class.

    create a new class and use that as the specific selector for a specific page background

    custom-body-class {
    background-color: #80000;
    background-image: url ('images/bg.png');
    }
    

    Tutorials for StudioPress Themes.

    January 31, 2013 at 10:40 pm #16981
    dynamic
    Participant

    Brad

    I cut and pasted this, it hasn't held in the page, I changed the image address

    http://www.coffeeculture.com.au/welcome

    What next please

    January 31, 2013 at 10:52 pm #16987
    Brad Dalton
    Participant

    You want the image within the content area of the page and Not the site background?


    Tutorials for StudioPress Themes.

    January 31, 2013 at 10:59 pm #16991
    dynamic
    Participant

    Correct Brad, I want to keep the site background image and give individual pages there own background images

    Thanks

    February 1, 2013 at 12:33 am #17004
    Brad Dalton
    Participant
    .custom-body-class #content {
    background-color: #000;
    background-image: url ('images/bg.png');
    }
    

    Tutorials for StudioPress Themes.

    February 1, 2013 at 12:44 am #17006
    dynamic
    Participant

    Brad do I have to add code anywhere else, ie in the functions page?

    February 1, 2013 at 1:11 am #17009
    Brad Dalton
    Participant

    Negative. I tested this code and it works. It displays an image which you upload to your child themes images folder on the pages content area you have created the unique custom class in.


    Tutorials for StudioPress Themes.

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