This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

5
  1. Magus Staff 10 years, 7 months ago

    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

  2. Chandran V 10 years, 7 months ago

    Hi Magus, thanks for the css. I changed the end color but I still don’t see any change.

  3. Magus Staff 10 years, 7 months ago

    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

  4. Chandran V 10 years, 7 months ago

    Beautiful, Magus. Thank you very much for the clarification. Really appreciate all the support you folks are giving.

  5. Magus Staff 10 years, 7 months ago

    You are welcome.

    Let us know if you need anything else

    Magus

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread