|
dshank
|
May 3, 2016 at 7:47 pm
How do I edit the default turquoise button color on the order confirmation page?
Screenshot:
https://www.dropbox.com/s/0adae8teztqx9b4/Screenshot%202016-05-03%2018.46.34.png?dl=0
|
|
Tony
|
May 4, 2016 at 4:14 am
The styles can be changed using some custom CSS.
You can apply any styles you prefer to that button using this selector:
#espresso-thank-you-page-overview-dv .ee-button
Here is an example to setup the button to be purple:
#espresso-thank-you-page-overview-dv .ee-button {
background-color: #d2d2f9;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d2d2f9), to(#a6a6f2));
background-image: -webkit-linear-gradient(top, #d2d2f9, #a6a6f2);
background-image: -moz-linear-gradient(top, #d2d2f9, #a6a6f2);
background-image: -ms-linear-gradient(top, #d2d2f9, #a6a6f2);
background-image: -o-linear-gradient(top, #d2d2f9, #a6a6f2);
background-image: linear-gradient(to bottom, #d2d2f9, #a6a6f2);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d2d2f9, endColorstr=#a6a6f2);
}
You can use site such as these:
http://css3buttongenerator.com/
http://cssgradientbutton.com/
To build out the CSS to make the buttons how you prefer.
We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.
|
