2017-05-26 25 views
1

我使用Yeloni插件爲Wordpress創建退出意向彈出窗口。除了「訂閱」按鈕,它似乎有一些奇怪的紅色漸變按鈕,除了它以外,我不能爲我的生活風格!WordPress的Yeloni退出彈出窗口訂閱按鈕外觀寬度不正確

下面是我使用的CSS:

   #autience-emailform-name-f2eHb { 
       width:80%; 
       } 

       #autience-emailform-email-f2eHb { 
       width:80%; } 

       #autience-emailform-submit-f2eHb { 
       width:80%; } 


       #autience-close-f2eHb { 
       width: 20px; 
       height: 20px; 
       } 

       .yel-heading-1{ 
       width: 50%; 
       text-shadow: 2px 2px 4px #000000; 
       } 

       .yel-subheading-1 { 
       width: 100%; 
       text-shadow: 2px 2px 4px #000000; 
       } 

       yel-ep-submit-button-div { 
       width: 80% !important ; 
       } 

       .yel-ep-form .yel-ep-element-button { 
       width: 80% !important; 
       margin: 0 auto; 
       float: none; 
       } 

基本上,我想訂閱按鈕是一樣的兩個文本字段(80%),但它的毛刺。實時預覽是http://www.donationboxes.org.uk - 如果你打算關閉頁面,它會彈出。

謝謝! Scott

回答

1
.yel-ep-form .yel-ep-element-button { 
width: 82% !important; 
margin: 0 auto; 
float: none; 
} 
+0

這並沒有奏效。我已經用新的CSS更新了主帖,你可以看到雖然現在肯定是合適的寬度,但按鈕的某個百分比仍然有奇怪的紅色漸變!很奇怪。 –

+1

DOPE!得到它\t \t \t \t \t '#autience-emailform提交-f2eHb { \t \t \t \t \t寬度:100%; }' 感謝您的幫助Arun! –