• 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

change the background colour of enews in footer only

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 › change the background colour of enews in footer only

This topic is: resolved

Tagged: colour change, css, eNews extended

  • This topic has 6 replies, 3 voices, and was last updated 9 years, 10 months ago by emasai.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 13, 2015 at 5:14 am #162236
    newedgemarketing
    Member

    I have set the background for my enews extended widget to blue in my side bar and below post opt-in problem is its also bluw in the footer and i want to change it to white, I've tried mutliple things but it seems what ever I try it stays blue

    any ideas?

    http://www.newedgemarketing.com.au/
    August 17, 2015 at 3:46 pm #162670
    Tom
    Participant

    Hi,

    Line 163 of your custom CSS:

    .enews-widget {
        background: #0971C1 !important;
        padding: 30px;
    }

    Try removing the !important declaration and use, for the footer:
    (or add !important to this, if necessary)

    .footer-widgets .enews-widget {
        background: #fff;
    }

    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    August 18, 2015 at 7:17 am #162730
    newedgemarketing
    Member

    Hi Tom thanks for your response I"m going out of my mind with this

    I've used inspect element to find the but of css your mentioned above and CAN find it

    background: #0971C1 !important;

    when i remove the background: !important;

    in inspect element the background of enews goes to white - which is great!

    But! and big but i can not for the life of me find that line of code in my style sheet anywhere, I know how to used cmd+f to search but that exact line does not exist anyhwere so i have no idea how to change it!

    any ideas?

    August 18, 2015 at 7:45 am #162735
    newedgemarketing
    Member

    Hi Tom sorry found that it was in a custom style sheet i had!

    issues i have now is that because the footer is white the text input field is also white and not visible any idea how i can make the text input filed on enews extended on footer only to be a grey colour i.e. #dddddd?

    Thanks,

    Steve

    August 18, 2015 at 8:48 am #162748
    emasai
    Participant

    Change the background color of this line of css

    media="all"
    input[type="text"], input[type="email"], textarea {
        background-color: #fff;
        color: #000;
        width: 300;
    }

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    August 18, 2015 at 2:20 pm #162772
    newedgemarketing
    Member

    thats changes the colour of all the input fields i only want change the color of the input fields in the footer to white.

    August 18, 2015 at 2:31 pm #162777
    emasai
    Participant

    Sorry if I'm misunderstanding, but your contact form fields are all white and invisible too, the grey just makes them more visible too? Or you could put a border around the input fields - border: 1px solid gray;

    Alternatively try targeting more specifically the footer widgets,

    .footer-widgets-1 .widget-area #subscribe input [type="email"] {
    background-color: #ccc;
    }

    This might need tweaking


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

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

© 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