Editing SCSS files or CSS in "Options?"

[us291888]

I have a plugin that uses scss files. Will entering CSS in X-Theme’s “options” section override the generated CSS files from the plugin?

[thai]

Hi @us291888,

The CSS under Theme Options > CSS will be generated very bottom before the </head> tab:

It mean the priority of Theme Options CSS is higher than the plugin CSS so you can override it under Theme Options > CSS.

For more information, please take a look at this:

https://developer.tizen.org/dev-guide/2.4/org.tizen.ui.practices/html/web/w3c/html_priority_w.htm#css

Hope it helps

[us291888]

I assumed that Theme Options > CSS was higher in hierarchy, which is where I made my CSS edits, but I have to put !important if I want the changes, which I thought was very weird.

[jade]

Hi Jason,

That also depends on the level of specificity of the selectors you have written in the CSS. The more specific the selector is, the higher precedence it will be given.

Please check this link:

Specificity

Hope this helps.

[us291888]

You’re right. I completely forgot about that. Thank you both for your help.

[nabeel]

Glad we could help.

Cheers!