Eria template ib elxis 4.6 - css

[bully]

the template.css  is linked and "imports" somehow the following

@import url(eria.css);
@import url(flexslider.css);
@import url(styles.css);
@import url(layout.css);
@import url(sidebar.css);
@import url(bootstrap/css/bootstrap.min.css);

So far, all nice and easy. Is located in standard

In my index.php, I usually add somehow a line, just over before the head ends like

Code: [Select]

<link rel="stylesheet" href="/templates/eria/css/[color=red]customize.css[/color]" type="text/css" /> hard coded, to ideally not change original files. In Eria, it somehow seems to fail, or at least least not return/overwrite:   not all IDs   e.g. #nav ul.elx_menu > li > a
As this loaded well , some classes also don't show up for  changes as well, a lot of them don't  "overwrite" the original value.
Does anyone know, how to make single name.css which really can accept and/or overwrite ALL other css values, from whichever css they come from?

I really feel stuck on this
bully

[datahell]

To overwrite a css rule your css file must be located AFTER that file.

[bully]

This, what I was assuming. Will work this again. Maybe it just was caching issue on my side

[webgift]

... or !important word used in CSS rules.