• 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

Change Background (Education theme)

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 › Change Background (Education theme)

This topic is: not resolved

Tagged: background, css, education, education theme

  • This topic has 3 replies, 3 voices, and was last updated 9 years, 4 months ago by hmclean.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 23, 2013 at 10:26 am #80902
    PacMan3000
    Member

    Hi guys,

    Quick question--so I have the Education theme. The theme comes preset with about 5 colors--red, blue, teal, etc.

    I have two questions:

    1) How can I change the color of the background to a color that's not one of the pre-set ones? So if I wanted to change the background to a orange or grey or brown--how could I go about doing that? Using the "Inspect Element" option in Google Chrome, it looks like there's a colored jpg that's creating the background color. Do I need to make my own jpg, color it and save it, and then somehow upload it? Or is there a different way to fix this? Any help would be great.

    2) Whenever you change the default background color, it also changes the link color. So if I change my background color from teal to red, it also changes the links from teal to red.

    So my question is this--if I'm able to successfully change the background color of the education theme to, say, gray, is there a way I can customize my site so that the link colors DON'T turn gray, too?

    In other words, can I tweak my site so that I can have a custom background color of gray and a link color of, say, brown? And if so, how would one go about doing that?

    I have already made some CSS changes to my site--I'm not an expert but not a total novice either. But I do need some help with this particular task.

    Thanks everyone!

    December 23, 2013 at 10:56 am #80905
    cwalsh
    Member

    Hi PacMan3000,

    To change the background you need to update the following code. You will either need to create a new image and upload it via FTP over the previous one OR change the background to a flat color eg #999999. This is assuming that you have the default color scheme chosen (If you want to customize with your own colors, I would recommend you set it to default).

    #inner {
    	background: url(images/bg-top.jpg) repeat-x top;
    	clear: both;
    	padding: 40px 0 20px;
    	overflow: hidden;
    }

    To change your hyperlink colors, edit the color: in this code.

    a,
    a:visited {
    	color: #34678a;
    	text-decoration: underline;
    }

    Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

    January 4, 2014 at 11:06 am #83174
    hmclean
    Participant

    In themes that have several color schemes where I want to change some or all of the colors, I usually copy the css styles from one of the color schemes, name it something like "My New Color Scheme" and add it to the CSS file. From there I change the colors as needed. The new color scheme shows up in the dropdown Color Style menu in the Genesis Settings.

    January 18, 2014 at 3:23 pm #85774
    hmclean
    Participant

    I forgot a step in the above reply regarding changing color schemes - the new color scheme has to be registered in the functions.php file. An excellent tutorial is here:
    http://wpsites.net/web-design/change-color-theme-genesis/

  • 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