Link colour turned BLUE ! on my page

Hi @hebhansen, thanks for getting in touch.

Wordfence is installed on millions of WordPress sites without affecting front-end styling, particularly outside of the admin area. The source of CSS or JavaScript issues would normally be tested by reverting a site back to a default WordPress theme and/or disabling other plugins.

As you’re already using Twenty Twenty-Four I would certainly suggest disabling all other plugins while Wordfence remains enabled to see if there might be such a conflict. If the issue goes away, reenable your plugins one-by-one to see which one causes it to return.

If the issue remains when Wordfence is the only plugin enabled, right-click and “Inspect…” on your links to view the CSS in your browser console. Let us know which CSS class/ID associated with Wordfence’s styles is overriding your theme’s links so we can take a closer look.

Thanks,
Peter.

Hey Peter

Turning wordfence off again bring back the original style on “my page”. Since the link color is suspiciously wordfence blue I suspect this is the way to look.

Inspector with wordfence turned off and all looking good…

Inspector with wordfence turned on and all “a” links (No class and no ID) has color #00709e applied. Can you confirm this color is your WF theme one?

Other players on my page other than wordpress as I see it are:

• Woocommerce that does not really apply blue
• Payment Plugins for Stripe Woocommerce. This is not Stripe Blue Though
• Wordfence when activating 2FA settings for the user on “My Page”.

Note: Header main menu and footer menu links are not affected.

NOTE EVEN MORE! Turning off 2FA settings on account page gives me back my normal color. Turning on 2FA settings again and links go blue again. You are styling your links on account page with your blue without any ID or class. Please inherit as defined by theme. Only colour is the issue.

• This reply was modified 1 year ago by hebhansen.

Inherit link color please

Two-Factor Authentication, or 2FA, significantly improves login security for your account. Wordfence 2FA works with a number of TOTP-based apps like Google Authenticator, FreeOTP, and Authy. For a full list of tested TOTP-based apps,?click here.

Code download button inherit theme color please

Inherit theme color please

For help on setting up an app, visit our help article.

For now this css cleaned up the mess, but what a nuisance everyone will need to do that:

.woocommerce-account a {
	color: inherit;
}

.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;
}

Again, you have undefined styling of links when activating 2FA settings for users, hence, you attack all links

You do not inherit the global button style of a theme.

Please fix this in plugin core thx. Note. The above code does not fix Cancel buttons.

• This reply was modified 11 months, 4 weeks ago by hebhansen.