WP-Membersモバイルでのログインボタン文字が見えない。

前回に引き続き、WP-Members Membershipプラグインのカスタマイズについてです。

今回は、会員のログインページで、ログインボタンの文字が、MACで見るには問題ありませんが、iPhone,iPadでは、何故か、白のボタン色に、白文字で、ものすごく見えない。年寄りにはホント不便な感じで困っていました。解決に3日ほどかかりましたが、カスタムCSSで解決したその、備忘録です。

こちらがMACの表示、ボタンの「ログイン」が見えます

こちらがiPhoneの表示。ボタンも文字も白で。はぁ〜

対策は、次のカスタムCSSを追加しました。サイズも少し大きく

.buttons {
    font-size:16px;
    color: #dc143c;
 }

私の場合使用しているテーマが、cocoon のため、固定ページ毎に、カスタムCSSが登録できるので、そこへ、追記して終了。結果をご覧頂けます。目立つように文字は赤色、MAC、モバイル何れも問題なしです。

 

当初ラベルを”.buttons” では無く”.button_div”で試しており、思い通りに変更できず苦労しました。微妙に変更されるポイントが違い、幾度も挫折していました。他にも良い方法があると思いますが、これで満足です。

参考に環境:

  • wordpress 5.8.2
  • テーマcocoon 2.3.7.1
  • wp-menbers 3.3.9.3

コメント

スポンサーリンク
タイトルとURLをコピーしました