Call to Action Button hover

Hi Chandran V

Please add the following to Appearance->Custom CSS

.so-widget-sow-button .ow-button-base a.ow-button-hover:hover {
  background: #ff8d0a !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d67200),color-stop(1,#ff8d0a)) !important;
  background: -ms-linear-gradient(bottom,#d67200,#ff8d0a)!important;
  background: -moz-linear-gradient(center bottom,#d67200 0%,#ff8d0a 100%)!important;
  background: -o-linear-gradient(#ff8d0a,#d67200)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d0a', endColorstr='#d67200', GradientType=0)!important;
  border-color: #c76a00 #bd6500 #ad5c00 #bd6500!important;
  color: #ffffff!important;
}

Please change the gradient or text colour to what you need. For more information on Gradients please see here

http://css3buttongenerator.com/

Let us know how you get on

Magus

Hi Chandran V

You would need to change the colour code in all lines relating to the gradient as there is an entry for each type of browser technology. Please try this

.so-widget-sow-button .ow-button-base a.ow-button-hover:hover {
  background: #ff8d0a !important;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#FF101F),color-stop(1,#ff8d0a)) !important;
  background: -ms-linear-gradient(bottom,#FF101F,#ff8d0a)!important;
  background: -moz-linear-gradient(center bottom,#FF101F 0%,#ff8d0a 100%)!important;
  background: -o-linear-gradient(#ff8d0a,#FF101F)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d0a', endColorstr='#FF101F', GradientType=0)!important;
  border-color: #c76a00 #bd6500 #ad5c00 #bd6500!important;
  color: #ffffff!important;
}

Magus

You are welcome.

Let us know if you need anything else

Magus