• 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

Changing the background color on Call to Action box an and Footer widget box

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 › Changing the background color on Call to Action box an and Footer widget box

This topic is: not resolved

Tagged: Changing background wrapper to Call to Action box, Executive Child Theme

  • This topic has 4 replies, 2 voices, and was last updated 12 years, 10 months ago by Posey.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 28, 2013 at 7:17 am #59201
    Posey
    Member

    I'm using the Executive child theme and would like to change the color of the background to the Call to Action box/widget and to the Footer widgets. I have changed the hex code to many child themes before but this time I am have a lot of difficulty making CSS changes to this theme.
    Suggestions??
    Thanks so much,
    Posey
    http://www.RadiantResumeServices.com

    http://www.RadiantResumeServices.com
    August 28, 2013 at 12:18 pm #59268
    Sridhar Katakam
    Participant

    Use this sample CSS:

    .executive-home .home-cta {
        background: #dde7f0;
    }

    Genesis Tutorials | Follow me on Twitter

    August 28, 2013 at 1:54 pm #59297
    Posey
    Member

    Sridhar, using your code I located the place in the style sheet code. It is the same place that I tried to change the hex code before with no success. I have tried numerous times--no change happens.

    Other suggestions or more details if I misunderstood what you suggested.
    Thanks,
    Posey

    August 28, 2013 at 7:07 pm #59372
    Sridhar Katakam
    Participant

    Can you go ahead, change it and let us know when done?


    Genesis Tutorials | Follow me on Twitter

    August 29, 2013 at 9:42 am #59545
    Posey
    Member

    Thank you it is changed in the Call to Action box. I forgot to clear the cache. You could probably see the change all along but I could not.
    However I can't seem to get the footer widget wrap area changed. I have replace the hex code and saved. Cleared the cache but still no change here is the code that I changed:

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

    #footer-widgets {
    background-color: #color: #006493;
    color: #c8c8c8;
    clear: both;
    font-size: 14px;
    overflow: hidden;
    width: 100%;
    }

    I also changed this because the above color #006493; did not display. Clearly, I am missing something or have changed code that I shouldn't have when I was having so much difficulty yesterday:

    /* Body
    ------------------------------------------------------------ */

    body {
    background-color: #f2f2f2;
    }

    ::-moz-selection {
    background-color: #006493;
    color: #fff;
    }

    ::selection {
    background-color: #006493;
    color: #fff;
    }

    Any suggestions?

    Radiant Resume

    Thanks,
    Posey

    Thanks.

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

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