2FA Login – Style CSS

  • Resolved hebhansen

    (@hebhansen)


    2 years, 2 months ago

    Hey Fences

    I have activated 2fa for users. When signing the 2FA code style looks truly odd. If I remove background white I see 2 layers and form fields on top of each other. Button is not as per theme. Field is not as per theme… Padding missing, Don’t really want white background but inherit theme background.

    How can I fix this. Is anyone willing to share some working css?

    Also, when are you fixing blue links to adhere to the theme?

    Thx Henrik

    • This topic was modified 2 years, 2 months ago by hebhansen.
    • This topic was modified 2 years, 2 months ago by hebhansen.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support wfmark

    (@wfmark)

    2 years, 2 months ago

    Hi @hebhansen, Thank you for reaching out.

    I see you have a custom login page. The Wordfence 2FA and reCAPTCHA features are only supported for the default WordPress/WooCommerce login and registration pages and may not work on custom versions of these pages created manually or by other plugins/themes which explains the issue you’re having.

    We have plans to expand our compatibility in the future, although we cannot commit to timelines at the moment.

    Thanks,

    Mark.

    Thread Starter hebhansen

    (@hebhansen)

    2 years, 2 months ago

    I did not customize anything for the login. Thx

    Plugin Support wfmark

    (@wfmark)

    2 years, 1 month ago

    Hi @hebhansen,

    Please send a diagnostic report to [email protected]. You can find the link to do so at the top of the Wordfence > Tools > Diagnostics page. Then click on “Send Report by Email”. Please add your forum username where indicated and respond here after you have sent it.

    NOTE: It should look as follows – Screenshot of Tools > Diagnostic > Send by Email

    Thanks,

    Mark.

    Thread Starter hebhansen

    (@hebhansen)

    2 years, 1 month ago

    A draft fix for the ugly overlay:

    /******** Login - Wordfence 2FA Overlay ********/
.woocommerce #wfls-prompt-overlay {
	padding: 20px; /*not working*/
}

#wfls-prompt-overlay {
	background-color: #F9F9F9;
}

    Note padding not working. Do not know why

    Fix for wordfence coloring all links in my space, when 2FA settings for user is active and button styling for TT4:

    /* Fix Wordfence color of links, when 2FA settings are active */
.woocommerce-account a {
	color: inherit;
}

/* Wordfence Button Style - 2FA settings */
.wfls-btn-default {
    color: white !important;
    background-color: black !important;

}

.wfls-btn-default:hover {
    background-color: #636363 !important;
}

.wfls-btn {
	text-transform: none !important;
	border: 0px red solid !important;
}

    Note this is not a fix. It’s a temporary solution that partly works here

    • This reply was modified 2 years, 1 month ago by hebhansen.
    Plugin Support wfmark

    (@wfmark)

    2 years, 1 month ago

    Hi @hebhansen,

    I couldn’t find your diagnostic report. Please try the below instead:

    Navigate to Wordfence > Tools > Diagnostic page and then click the “Export” button. Send the txt file to [email protected]. Add your forum username in the subject and respond here once done. Let me know once you have sent the report.

    Thanks,

    Mark.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘2FA Login – Style CSS’ is closed to new replies.

Tags