error message for webkit-text-decoration-skip

[di]

When I check my website in Chrome/Inspect an error shows up for the -webkit-text-decoration-skip:objects. I'm not sure what this is, or see an error.

Is this error related to my efforts to customize a { ?

In this regard, I'm trying to customize the color for my a { links to #474740, which I've done in the style.css, however it's not taking. In Inspect, it shows it as cancelled out )crossed out.

I'm using a child theme based off Infinity Pro, and under Appearance/Customize/Color it does ask for an accent color, where I've listed #F26522. Is there a way to keep this as an accent color, but have $474740 for the p { links only?

https://adunate.com/blog/

[Victor Font]

Let's take your first question about the color. The #474740 is struck out because there's another color that is overriding it. CSS means Cascading Style Sheet. Cascading means there is a hierarchy that browsers follow when executing code. If you have a class added directly to the web page itself, then that code overrides the style sheet. Within the style sheet, the code added lower in the sheet overrides code added earlier in the sheet.

Infinity Pro has a color field in the WordPress customizer. This color is added directly to the web page at run time. Therefore, it overrides the style sheet. If you want the style sheet to have the priority, you have to use the !important keyword like this:

a {
    color: #474740 !important;
    text-decoration: underline;
}

For the next question about -webkit-text-decoration-skip:objects. Webkit is the rendering engine used by Safari, Mail, App Store, and many other apps on macOS, iOS, and Linux. Chrome uses a different rendering engine and does not execute -webkit extensions. It's not an error. It's just the way Chrome works.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[di]

Thanks, Victor. As always, you offer good explanations and solutions. I always learn from you.

[Author]

Posts