Change Comment Box Color

[Ratne]

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
http://imgur.com/WbVtV2D

[Pixel Frau]

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

[Ratne]

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

[Pixel Frau]

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;
}

[Ratne]

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 😉

[Pixel Frau]

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.

[Ratne]

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

[WhiteleyDesigns]

body .metro-pro-green .content .entry-comments-link a {
     background-color: #20be58;
}

---

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

[Ratne]

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

[Pixel Frau]

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;
}

[Ratne]

ok finally it work, thx Julia

[Author]

Posts