• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Custom CSS: Change Background Color on Specific Page

Home › Community Forums › Epik Theme Support › Custom CSS: Change Background Color on Specific Page

  • This topic has 5 replies, 2 voices, and was last updated 9 years, 7 months ago by Eric.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 3, 2013 at 1:48 pm #5056
    bhaynet1
    Customer

    Hi –

    Can anyone please share how to add code to the custom CSS field on pages/posts to change he background color of that particular page or post only?

    Thanks!

    Barbara

    June 4, 2013 at 1:07 am #5058
    Eric
    Customer

    Are you talking about Body Classes?


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    June 4, 2013 at 8:01 am #5062
    bhaynet1
    Customer

    Yes – thanks!

    June 4, 2013 at 11:43 am #5065
    Eric
    Customer

    There are a couple ways to do this. 1 – create a class in your css first.

    Example –

    .custom-bg {
        background: yellow;
    }

    Then near the bottom of the Page editor you can enter that class in the “Body Class” field on the pages you want them to be displayed.

    There are other ways to do this, you can take a look here – http://my.studiopress.com/snippets/custom-body-class/

    and here – http://designsbynickthegeek.com/tutorials/dynamic-body-classes


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    June 4, 2013 at 1:44 pm #5067
    bhaynet1
    Customer

    Thanks, Eric –

    I will take a look!

    June 4, 2013 at 10:28 pm #5073
    Eric
    Customer

    You’re Welcome


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework