• 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

Trying to change the footer background and text 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 › General Genesis Framework Discussions › Trying to change the footer background and text color

This topic is: not resolved

Tagged: footer widgets, site footer

  • This topic has 5 replies, 3 voices, and was last updated 3 weeks, 5 days ago by munichmotor.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 9, 2022 at 8:46 am #505535
    Doug
    Participant

    I'm trying to follow the instructions on this post (link) but having no success.

    This is the code I'm using in the 'footer scripts' area of 'Customize':

    .site-footer {
    background-color: gray;
    color: white;
    }
    

    But that text is actually showing up in the footer (I've since removed it).

    I'd also like to have a matching background for the simple social icons field just above the footer, but am not sure how to change that background, or if those icons can be relocated to the footer.

    I'm reviewing these areas in inspect, but not understanding what I'm seeing.

    Any guidance on this greatly appreciated.

    https://dougschumacher.com/
    July 9, 2022 at 10:28 am #505537
    Brad Dalton
    Participant

    If you look in your style sheet you'll find these CSS rules

    .footer-widgets {
    	border-top: 1px solid #eee;
    	background-color: #fff;
    	clear: both;
    	padding: 60px 0;
    }
    
    .site-footer {
        background-color: #fff;
        border-top: 1px solid #eee;
        font-size: 15px;
        line-height: 1.5;
        padding: 30px;
        text-align: center;
        color: red;
    }
    

    When i modify the value for the background-color it works and when i add a declaration for the color:red; it also works.


    Recent Client work

    July 9, 2022 at 1:41 pm #505538
    Doug
    Participant

    Thanks, Brad. I got that working.

    I was thinking this code had to go in the Customize > Theme Settings > Header/Footer Scripts > Footer Scripts text field, but apparently not.

    Greatly appreciate your input.
    doug

    July 9, 2022 at 6:55 pm #505539
    Brad Dalton
    Participant

    Hey Doug

    Footer scripts are for js only. CSS should always go at the end of your child themes style.css file


    Recent Client work

    July 15, 2022 at 9:35 am #505565
    munichmotor
    Participant

    https://profreesoftz.com/

    July 15, 2022 at 9:38 am #505568
    munichmotor
    Participant

    Home

    Car Repair Workshop In Dubai – We Repair Audi Mercedes BMW Porsche

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

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 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