送信ボタンのBEテーマオーバーレイを修正する方法

概要

BEテーマを使用しており、送信ボタンにカーソルを合わせたときにオーバーレイが表示されることに気づきましたか？このオーバーレイは、テーマがすべてのボタンに追加するデフォルトのスタイルによるものですが、簡単なCSSスニペットを追加することで、フォームに対して簡単に修正できます。

セットアップ

このCSSをサイトにコピー＆ペーストするだけです。サイトにCSSを追加する方法についてサポートが必要な場合は、こちらのチュートリアルをご覧ください。

.wpforms-page-button:after, 
.wpforms-submit:after { 
    display: none !important; 
}

CSSを追加すると、WPFormsの送信ボタンに表示されていたオーバーレイは表示されなくなります。

これで完了です！他のCSSチュートリアルを試してみませんか？フォームフィールドのフォーカスにCSSを追加する方法のチュートリアルをご覧ください。