- This topic has 3 replies, 2 voices, and was last updated 5 years, 1 month ago by
.
There are certain css elements that appear to be injected into the site through inline style sheets that I am not sure how to modify. Some of them use “!important” so I can’t just copy the css code and add it to style.css. Any suggestions how to modify? The css elements I am referring to are mostly “hover” elements. Please let me know, thank you.
Solution for this topic
Hi @appilf,
I hope you are well today and thank you for your question.
You can modify them by using more specific CSS selector and calculating its specificity as described in the below pages.
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
https://www.w3schools.com/css/css_specificity.asp
https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
https://css-tricks.com/specifics-on-css-specificity/
Best regards,
Shufflehound teamThank you
You are most welcome here 🙂
