wordpress建站教程：雙欄wpforms表單點不了怎么辦?

繼續分享wordpress建站教程。大家如果使用wpforms表單插件，當添加雙欄的表單樣式時可能會出現問題，那就是雙欄的表單都沒辦法點擊，不能填寫。這個問題悅然wordpress建站在多個主題上都遇到過，據官方所說是主題沖突導致。以前這個問題悅然wordpress建站都沒怎么關注過，最近的一個wordpress外貿建站項目中因為要使用雙欄表單，所以我就順便處理了一下這個問題，接下來給大家分享處理方法。

步驟一：修改Include Form Styling

打開WPForms插件設置，在General中看到Include Form Styling這一項，里面的3個項都可以切換試試，看雙欄表單能不能恢復正常，一般配合主題使用時這個的樣式默認使用的是Base styling only，如果有問題，那就切換到第一個Base and form theme styling，一般切換為這一項后雙欄表單就可以恢復正常，可以正常點擊選中。

步驟二：修改表單按扭樣式

雖然此時雙欄表單恢復正常了，但是表單的按扭樣式沒有了，因為主題默認的樣式失效了，如上圖所示，這樣有點丑。

button#wpforms-submit-306.wpforms-submit {
    border: 0px solid #ddd;
    color: #fff;
    border-radius: var(--buttonBorderRadius, 3px);
    background-color: #3EAF7C;
}

如接下來我們可以通過上面的代碼來修改表單按扭樣式，其中【306】是表單的ID，上面的其它數字和顏色值都可以任意修改。

表單ID的查看方法：打開WPForms-ALL Forms，然后鼠標放到對應表單上面（不點擊），此時瀏覽器左下角就會出現一個鏈接，最后顯示的就是表單ID。把這個ID值替換掉上面CSS代碼中的就可以了。

接下來打開網站自定義-額外CSS，把上面的代碼添加進去，然后發布更新。

修改后的效果如上圖所示。

總結

以上就是今天給大家分享的內容，這個其實是非必要操作，如果你覺得上面的操作麻煩也可以不管。為了方便省事，盡量不使用雙欄或多欄的表單樣式，這樣就不會有問題。