slider button color not hi-lighting correctly.

Just posted this to the previous entry.

You need to change these property items to:

.carousel-caption > .btn {
  background-color: #057A53;
  background-image: linear-gradient(to bottom, #045F40, #045F40);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #FFFFFF;
}
.carousel-caption > .btn:hover {
background-color: #057A53;
}

.btn-primary {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #057A53;
background-image: -moz-linear-gradient(top, #045F40, #045F40);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#045F40), to(#045F40));
background-image: -webkit-linear-gradient(top, #045F40, #045F40);
background-image: -o-linear-gradient(top, #045F40, #045F40);
background-image: linear-gradient(to bottom, #045F40, #045F40);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9db668' , endColorstr='#ff045F40' , GradientType=0);
border-color: #045F40 #045F40 #4b5a2b;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #045F40;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #057A53;
background-image: -moz-linear-gradient(top, #057A53, #057A53);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#057A53), to(#057A53));
background-image: -webkit-linear-gradient(top, #057A53, #057A53);
background-image: -o-linear-gradient(top, #057A53, #057A53);
background-image: linear-gradient(to bottom, #057A53, #057A53);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9db668' , endColorstr='#ff045F40' , GradientType=0);
border-color: #057A53 #057A53 #4b5a2b;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #057A53;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

This will give you a green button. There is a mix of items in your css which you’ll need to sort out.

Hi. Thanks for the help! Not sure you understood what I was looking to do. I like the red button. But when you hover over it you get the green background with a sharp line though it. It used to transform to a different shade of red, which I liked.

Something we added to make the bottom buttons green messed up the red one. Should I remove the code for the bottom buttons and see if that straightens out the red one and work from there? Or is there a quick fix to make the click background red like it was?

I am no coder by any stretch. The part about there being a mix of items I need to sort out I’m not capable of! Should I use the top code or is that going to give me more issues or a green button?

Update:
Thanks for the help, I appreciate it. The code above was the code that was already in the custom css. I was trying to fix the carousel button that is red but was turning half green when rolled over. That above code was somehow messing with it. So I removed that code and the red button worked fine again. I went into snippets, found some code to fix the bottom buttons. They’re orange and not green, but that’s actually ok. So we’re done with this for now.

Thanks for your help.