wordpress外貿(mào)建站教程：修改myshopkit插件的優(yōu)惠券彈窗按扭大小

繼續(xù)分享wordpress外貿(mào)建站教程。之前幫一個wordpress獨立站商城制作優(yōu)惠券彈窗，實現(xiàn)用戶輸入郵箱訂閱獲取優(yōu)惠券的效果。

這個效果用到了myshopkit插件，做好之后有個小問題，就是當用戶關閉優(yōu)惠券彈窗后，插件會在頁面右下角顯示一下優(yōu)惠券的按扭，方便用戶再去點擊。默認情況下這個按扭非常小，而且插件中也沒有可以設置的地方（免費版）。

經(jīng)過悅然wordpress建站測試，可以使用以下CSS代碼來修改大小。

/*優(yōu)惠券按扭大小修改*/
.popup-open._ha {
    opacity: 0.8;
}
.popup-open._gz {
    transform: scale(2.1);
}
.popup-open._gs {
    left: 30px;
}
.popup-open._gk {
    padding: 4px;
}

以上的CSS代碼添加到網(wǎng)站的【外觀-自定義-額外CSS】中，然后發(fā)布即可，如果覺得修改之后按扭太大或太小，可以修改代碼中scale后面的數(shù)字來調(diào)整。

如果你不想顯示這個按扭，也可以在myshopkit插件設置中，編輯彈窗，然后關閉setting中的Reopen Popup button按扭即可。