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

Community Forums Forums Design Tips and Tricks How Do I Change The Footer Color and Text in Genesis Framework?

This topic is: resolved

This topic contains 5 replies, has 2 voices, and was last updated by  Robin 1 year, 2 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #54265

    TonySan1
    Participant
    Post count: 20

    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
    #54274

    Robin
    Participant
    Post count: 151

    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.

    #54279

    TonySan1
    Participant
    Post count: 20

    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.

    #54282

    Robin
    Participant
    Post count: 151

    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.

    #54291

    TonySan1
    Participant
    Post count: 20

    Thank You very much! ;-)

    #54293

    Robin
    Participant
    Post count: 151

    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.

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.