• 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

modifying eleven40 pro header/title/footer 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 › modifying eleven40 pro header/title/footer color

This topic is: resolved

Tagged: color, Eleven40, title

  • This topic has 6 replies, 2 voices, and was last updated 10 years ago by photastic.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 10, 2013 at 9:58 am #61684
    HelpfulScout
    Member

    Through past forum posts, I have figured out how to modify the text colors in the menus of eleven40 but I want the black header and footer (and menu) style to change colors. I thought I found it in the CSS but nothing changed on my site. I know it is possible as I've seen other sites that link to it (via the forum). Help please? I'm new to CSS editing. Thank you!!

    http://www.thehelpfulscout.com
    September 10, 2013 at 10:34 am #61692
    photastic
    Member

    for the header : in your theme's style.css, search for the .site-header part where it says background: url......
    and replace the url by a color of your choice (best in #hex format like #dd43ff).

    for the menu background : in the same style.css, look for the .genesis-nav-menu and there enter the same as you did with the header : background : #ffeesd; (or whatever colour 😉 )

    for the footer : same as menu but look for the .footer-widgets code in the styles.css file

    That should do the trick 😉


    Trying to craft webstuff at Photastic Webdesign
    Learning Genesis by solving unanswered topics

    September 10, 2013 at 10:41 am #61693
    HelpfulScout
    Member

    Thanks! I started with the header and changed it (to a horrible color, but I wanted to see if it worked and it doesn't seem to). The code I changed is:

    .site-header {
    background: #ff0000
    /*url(images/texture.png);*/
    min-height: 65px;
    position: fixed;
    width: 100%;
    z-index: 999;
    }

    September 10, 2013 at 11:02 am #61700
    photastic
    Member

    there goes a semicolon after the #ff0000;
    If I check Chrome developper tools, I can see the css is working because the background: url isn't applied but the banner shows white here because of the missing ;


    Trying to craft webstuff at Photastic Webdesign
    Learning Genesis by solving unanswered topics

    September 10, 2013 at 3:29 pm #61769
    HelpfulScout
    Member

    Hooray! Thank you! The title bar is a nice shade of blue now. I'll get working on the other ones. For some reason, it takes ~3-5 minutes from editing the file for it to show up in my browser, even if I force a reload. Caching I guess. Once I solve the remaining colors, I'll see if there is anything else I want to fix style wise. I'm much happier with this theme than I was with my old one.

    September 10, 2013 at 3:48 pm #61776
    HelpfulScout
    Member

    Thank you for mentioning Chrome developer tools. I can see how that helps a lot!! I have downloaded chrome and it really helps to know which area is which. Now I just need to finish my color fixes (requires patience due to the caching).

    September 11, 2013 at 12:16 am #61843
    photastic
    Member

    You are welcome! Glad I could help 🙂

    If your question is answered, make sure to mark the topic as resolved 🙂


    Trying to craft webstuff at Photastic Webdesign
    Learning Genesis by solving unanswered topics

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