官方微博: 腾讯  
首页 > ECSHOP教程 > ECSHOP模板教程 > ECSHOP购买流程页修改 > ECSHOP支付方式修改支付宝付款按钮样式外观换成图片方法

ECSHOP支付方式修改支付宝付款按钮样式外观换成图片方法

ECSHOP教程 / ecshop 教程网(www.ecshop119.com) 2015-09-07

ECSHOP默认的支付宝支付按钮丑爆了,通过本教程可以美化一下


默认支付宝支付按钮的样式是这样的:


下面我们来修改一下

1.在includes/modules/payment路径下找到alipay.php文件,并打开

大约在196行,找到


在里面添加一句

class="alipay_anniu"

2.在style.css文件的最下面添加以下代码,路径是themes/模版文件/style.css

.alipay_anniu {
width: 220px;/*按钮宽度*/
height: 40px;/*按钮高度*/
border: 2px solid #EBEBEB;/*按钮边框*/
background: none repeat scroll 0 0 #669900;/*按钮背景颜色*/
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
display: inline-block;
position: relative;
text-align: center;/*按钮字体居中*/
cursor: pointer;/*鼠标放在按钮上变成小手*/
font-size:18px;/*字体大小*/
color:#ffffff;/*字体颜色*/

修改之后:

转载请注明:ECshop119模板屋-ECshop教程网(全国最专业的ECSHOP插件制作商-专业ECSHOP二次开发)

帮助目录

在线反馈

可以将问题或建议反馈给我们。

提交在线反馈

与网友交流ECSHOP开发修改。

加入QQ群交流