• 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

How Do I Change The Footer Color and Text in Genesis Framework?

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 › How Do I Change The Footer Color and Text in Genesis Framework?

This topic is: resolved

Tagged: footer, footer color, genesis theme

  • This topic has 5 replies, 2 voices, and was last updated 11 years, 9 months ago by Robin.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 5, 2013 at 12:04 pm #54265
    TonySan1
    Member

    Hi, I hope you are all having a great day. I am working on customizing my Genesis theme. The child theme I'm using is the "Lifestyle". I want to change the color of my footer and the footer text information. I have a feeling that is very simple. but I do need help with it. I would really appreciate if someone could point me in the right direction. 🙂

    http://tonysanford.com
    August 5, 2013 at 12:46 pm #54274
    Robin
    Member

    Hi Tony,

    If you are trying the change the teal background with white text, then here is your CSS that controls those colors:

    /* Footer
    ------------------------------------------------------------ */

    #footer {
    background-color: #6ec6ea;
    clear: both;
    font-family: 'Oswald', arial, serif;
    font-size: 12px;
    overflow: hidden;
    margin: 0 auto;
    padding: 5px 0;
    width: 920px;
    }

    #footer p {
    color: #fff;
    font-family: 'Oswald', arial, serif;
    font-size: 12px;
    }

    #footer a,
    #footer a:visited {
    color: #fff;
    text-decoration: none;
    }

    You can change the hex codes (teal #6ec6ea and white #fff) to the colors you want. Remember to save.

    Using firebug makes it easy to identify elements in your website.


    Need help customizing your website? Let me know at RKW Media.

    I’m taking up The Challenge by answering some of the Unanswered Posts.

    August 5, 2013 at 1:15 pm #54279
    TonySan1
    Member

    Thank you Robin that was easy after your help. I was wondering if you know how to edit the text credits inside my footer I want to add my brand name to the copyright and affiliate link to the "Genesis Framework by StudioPress" text. Can you help? I would appreciate any direction I could get.

    August 5, 2013 at 1:46 pm #54282
    Robin
    Member

    The easiest way to change the footer credits is to install the Genesis Simple Edits plugin. Make your edits in the Footer Output section and be sure to tick the box that says Modify Entire Footer Text.


    Need help customizing your website? Let me know at RKW Media.

    I’m taking up The Challenge by answering some of the Unanswered Posts.

    August 5, 2013 at 4:51 pm #54291
    TonySan1
    Member

    Thank You very much! 😉

    August 5, 2013 at 5:02 pm #54293
    Robin
    Member

    You're welcome!


    Need help customizing your website? Let me know at RKW Media.

    I’m taking up The Challenge by answering some of the Unanswered Posts.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How Do I Change The Footer Color and Text in Genesis Framework?’ is closed to new 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