Home » Ask (Forum) » Cara Mengubah Disain Tombol Submit di Contact Form 7

Question

Hi, Salam kenal untuk semua member disini.
Saya telah menggunakan Contact Form7 sebagai salah satu penunjang di blog saya. Tetapi saya melihat hasil yang diberikan kurang begitu menawan, sehingga saya bermaksud mengubah sedikit tampilan pada tombol submit di Contact Form7. Tetapi karena keterbatasan kemampuan yang saya miliki opsi ini menjadi tersendat, mungkin rekan-rekan ada yang bisa membantu saya ?

Aug 25, 2016 (4 months ago) - Posted by 1 Comment

One Answer

  1. Yeni says:

    Hi,

    Anda cukup copy code css dibawah ini kedalam file style.css theme wordpress yang anda gunakan.

    input.wpcf7-submit {
    	background:#38B7EE ! important;
    	border:1px;
    	color:white ! important;
    	font-weight: bold ! important;
    	font-size: 12px ! important;
    	border-radius: 2px;
    	height: 32px ! important;
    	text-transform:uppercase;
    	behavior:url(border-radius.htc);
    	-webkit-border-radius: 2px;
    	-moz-border-radius: 2px;
    	-khtml-border-radius: 2px;
    	transition:all 0.2s linear 0s;
    	cursor:pointer;
    }
    input.wpcf7-submit:hover{
    	background:#2a2a2a ! important;
    }

    Class diatas diambil dari contact Form7 itu sendiri, karena css bawaan terdapat bersamaan plugins, jadi dengan solusi memasukkan code tersebut di file style.css maka setiap update baru contact form7 tidak akan mengalami perubahan seperti semula atau defaultnya lagi. Silahkan kreasikan desain tombol submit sesuai dengan keinginan anda.

    Register Member

Your Answer

Your email address will not be published. Required fields are marked *