Custom CSS code applied prior to linked code

Hello,

I'm linking a style sheet into my code through code injection (header), and I would like to override some of the styles from the linked css through my own custom css in the CSS editor. But I've noticed that the custom CSS is being implemented before the linked CSS, causing the reverse effect of the linked CSS overriding the custom CSS.  Is there a way to work around this?

This is how it appears in the DOM:

And here is how the CSS is being overridden.

Thanks!

use !important;

eg: display: inline-block !important;

is there a better way than applying !important to every single value?

2 minutes ago, erichow said:

is there a better way than applying !important to every single value?

There are 3 ways to insert CSS

• Wrap CSS in style tag and insert to Header
• Insert to Custom CSS
• Add !important to Custom CSS

You can test all.

thanks!