• 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 Comment Box 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 › Archived Forums › Design Tips and Tricks › Change Comment Box Color

This topic is: not resolved

Tagged: box, change, color, comment

  • This topic has 10 replies, 3 voices, and was last updated 8 years ago by Ratne.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 4, 2015 at 6:30 am #143159
    Ratne
    Member

    Morning, is there a way to change the box color in genesis framework in child theme?
    i like to switch from green to black and on hover from black to green

    March 4, 2015 at 7:37 am #143171
    Pixel Frau
    Member

    You would need to change the CSS. Which theme are you using? It would also be helpful to post a link to your site.

    March 4, 2015 at 7:55 am #143172
    Ratne
    Member

    actually i'm working with genesis framework plus metro theme like child in localhost

    March 4, 2015 at 8:31 am #143173
    Pixel Frau
    Member

    Based on the Metro demo, you would change the following CSS:

    .metro-pro-green .archive-pagination li a:hover,
    .metro-pro-green .archive-pagination li.active a,
    .metro-pro-green .button:hover,
    .metro-pro-green .btn:hover,
    .metro-pro-green .content .entry-comments-link a,
    .metro-pro-green .enews-widget input:hover[type="submit"],
    .metro-pro-green .genesis-nav-menu .current-menu-item > a,
    .metro-pro-green .genesis-nav-menu a:hover,
    .metro-pro-green .sidebar .enews-widget input[type="submit"],
    .metro-pro-green .site-title a,
    .metro-pro-green a.social-buttons:hover,
    .metro-pro-green button:hover,
    .metro-pro-green input:hover[type="button"],
    .metro-pro-green input:hover[type="reset"],
    .metro-pro-green input:hover[type="submit"] {
        background-color: #21c250;
    }
    
    .metro-pro-green .entry-comments-link a:hover {
        background-color: #333;
    }
    March 4, 2015 at 11:06 am #143192
    Ratne
    Member

    oki with this from 21c250 to #000000
    .metro-pro-green input:hover[type="submit"] {
    background-color: #21c250;
    }
    i've just changed from green to black
    but now if i change 333 to #21c250
    .metro-pro-green .entry-comments-link a:hover {
    background-color: #333;
    }
    it does not change from black to green on mouse over
    Thx in any way 😉

    March 4, 2015 at 11:14 am #143194
    Pixel Frau
    Member

    This is why we really need to see your site. That's the only way others can look at your actual CSS to see what needs to be changed. Otherwise, we can only give instructions based on the theme demo.

    March 4, 2015 at 5:11 pm #143225
    Ratne
    Member

    Oki i have an old copy on
    http://cuocaacasatua.it/ricette/

    March 4, 2015 at 9:46 pm #143241
    WhiteleyDesigns
    Member
    body .metro-pro-green .content .entry-comments-link a {
         background-color: #20be58;
    }

    Matt Whiteley – WhiteleyDesigns, GitHub
    Designing, Developing & Creating with WordPress

    March 5, 2015 at 2:36 am #143255
    Ratne
    Member

    Seems don't work
    here my style.css
    http://pastebin.com/FxreEMei

    March 5, 2015 at 2:56 am #143262
    Pixel Frau
    Member

    It looks like you've successfully changed the color to black. But you forgot to add :hover to the green.

    Change this:

    .metro-pro-green .archive-pagination li a:hover, .metro-pro-green .button, .metro-pro-green .button:hover, .metro-pro-green .content .entry-comments-link a {
    background-color: #20be58;
    }

    to this:

    .metro-pro-green .archive-pagination li a:hover, .metro-pro-green .button, .metro-pro-green .button:hover, .metro-pro-green .content .entry-comments-link a:hover {
    background-color: #20be58;
    }
    March 5, 2015 at 4:15 am #143274
    Ratne
    Member

    ok finally it work, thx Julia

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