hi,
I didn't quite understand what you meant.. but; sometimes joomla templates use specific CSS rules to avoid being override by 3rd party extensions. Maybe this is the case. In those cases, the order of the CSS files on the page doesn't matter.
div.classDummy { color:red;}
or
#main .classDummey { color:red;}
always override this:
.classDummey { color:red;}
regardless of which ever rule is called first or last. Because they are more specific rules.
but this rule on the other hand:
.classDummey { color:red !important;}
will override them all , because it has the
!important parameter (Using too many !important is not very ideal unless you know what you are doing)
But the weird thing is, how come YooTheme templates override CleanMart? They don't style the same elements at all.. (maybe couple elements, i.e: "add-to-cart input button" element. In those rare cases you can use !important parameter in the flexible.css)
Another method (the more professional method) is to load a completely new CSS file in the last order (just before </head> tag) and put your custom CSS rules (the
most specific CSS rules without using
!imporrant) in it to override everything (override the rules of both flexible.css and yootheme's CSS's all together)
To load a brand new custom CSS file, open the joomla template's index file. For yootheme templates it is right here:
/templates/YOUR_TEMPLATE/layouts/template.php
find the </head> tag and just before it, inject this line:
<link rel="stylesheet" href="/templates/YOUR_TEMPLATE/css/custom2.css" type="text/css" />
then create that
custom2.css file in this path:
/templates/YOUR_TEMPLATE/css/ and put your new custom CSS rules in it.
regards