Enfold – What css file is the last one to be parsed

I wanted to try something and change the background of the search popup and tried to change its css attribute in the Custom.css…did not pick it. I tried in Layout, did not pick it. So I tried in the dashboard custom css section and that worked.

I think the site dynamic css that is written in the uploads folder may be writing on top of the css in those other files. This means that you are kind of limited to the css colors you set in the theme’s tabs. In my testing I was trying to use:

#top .header_color .input-text, #top .header_color input[type='text'], #top .header_color input[type='input'], #top .header_color input[type='password'], #top .header_color input[type='email'], #top .header_color input[type='number'], #top .header_color input[type='url'], #top .header_color input[type='tel'], #top .header_color input[type='search'], #top .header_color textarea, #top .header_color select {
	border-color:#cccccc;
	background-color: #ffffff;
	color:#000;
}

because I had set the top backgrund to be dark the background for the search was dark as well.

So I would like to know if there is a way to make the custom.css be the last css parsed so that the declarations in it are not overwriten by the custom one. The problem with relying on the custom css field is that anybody can destroy the site by erasing that section by mistake in pressing the wrong button (it happened, just like the import custom pages can screw up a website is an admin presses the wrong button) I always remove the admin section for importing dummy content because I don t trust other admins to not make a mistake but with the css one its more of a problem as there is no going back if you reset the styles.

Anyway, which css is the last one to be picked up and could the next version fix the order and pick custom last please :)

Thanks