• 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 14 replies, 12 voices, and was last updated 4 months ago by Doug.
Viewing 15 posts - 1 through 15 (of 15 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.


    Tutorials for StudioPress Themes & WooCommerce.

    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


    Tutorials for StudioPress Themes & WooCommerce.

    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

    August 22, 2022 at 5:16 am #505718
    harryjohn222
    Participant

    hi,download latest version of video editing tool, software.
    fl studio crack

    August 23, 2022 at 5:18 pm #505723
    chout0000
    Participant

    https://perfectdoodlespot.com/

    August 28, 2022 at 10:52 pm #505730
    FruCall
    Participant

    Also o would love to change my blog homepage footer color.is there any solution out there for me?

    December 24, 2022 at 12:48 am #506427
    weston444
    Participant

    I want to add file download button at footer but it is not working properly on the footer. I using WordPress for my website.

    December 26, 2022 at 12:59 am #506437
    Michaelmati
    Participant

    Yes, there is a solution out there for you to change the color of your blog homepage footer. Depending on the platform your blog is hosted on, there may be different ways to do this. For example, if your blog is hosted on WordPress like my website, you can use a plugin like Admin Custom Footer, which allows you to customize the colors of your footer. If your blog is hosted on a different platform, you can try searching for tutorials on how to customize the footer colors.

    December 27, 2022 at 12:10 pm #506447
    sa121
    Participant

    what's the latest version of video editing tool.

    December 30, 2022 at 7:42 am #506462
    Jimmy05
    Participant

    There is not a problem at all for this. You can simply have a download button at the bottom by using Kadence blocks. You can have a look at this article.

    January 8, 2023 at 9:31 am #506526
    Terrykhan
    Participant

    There is no problem at all. You can easily have a download button at the bottom of your page by using Kadence Blocks. Plus, you can follow this helpful article for more information on how to set up a download button. With Kadence Blocks, you can quickly and easily add a download button to your page to make downloading your content simpler for your visitors.

    January 27, 2023 at 3:03 pm #506639
    Jack_Dt
    Participant

    Thanks for the replies as I had the same issue and they are now fixed for my website

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

© 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