• 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

How can I style Enews Extended elements 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 › How can I style Enews Extended elements in footer only?

This topic is: not resolved

Tagged: css, enews, eNews extended, footer, styling

  • This topic has 5 replies, 2 voices, and was last updated 7 years, 6 months ago by newedgemarketing.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 2, 2015 at 8:48 am #164328
    newedgemarketing
    Member

    Specifically I want to change the styling of my enews extended widget input fields in my footer only.

    I have enews extended in my sidebar and after post widget and they are white, I want to keep those white but because the footer is white my input fields aren't visible. I'd like them to be grey - the same as my search bar. ButI"ve no idea how to style those input fields separately to the others.

    PS the input fields in my contact page are also currently white I'd like those to be grey as well without it affecting the input fields of my sidebar and afterpost optin

    It maybe that I've applied my styling element incorrectly I"m open for other suggestions!

    http://www.newedgemarketing.co.uk/
    September 2, 2015 at 12:28 pm #164342
    Davinder Singh Kainth
    Member

    To make email box background grey for footer area. Add following code to style.css file before media queries section

    .footer-widgets .enews input[type="email"] {
        background: #ccc;
    }

    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    September 2, 2015 at 12:33 pm #164343
    Davinder Singh Kainth
    Member

    For contact form page issue, add following code.

    .page .content input, .page .content textarea {
        background: #ccc;
    }

    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    September 3, 2015 at 7:24 am #164420
    newedgemarketing
    Member

    Thanks Davinder perfect

    the button on the contact page is also grey though i'd like it black the same as the buttons on other pages any idea how i can do that?

    Thanks, Steve

    September 3, 2015 at 9:04 am #164439
    Davinder Singh Kainth
    Member

    Add this code for button

    input.wpcf7-form-control.wpcf7-submit {
        background-color: #000;
    }

    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    September 4, 2015 at 12:39 am #164539
    newedgemarketing
    Member

    Thanks again perfect thank you Davinder!

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

© 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