Click here to Skip to main content
15,890,282 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi all ,

in one of my project i have used four or five different jquery plugins like light box, pagination,jquery validation, slider,and some other as well. now my issue is all the plugins have their on js and css file. js files do not create issues as that will be called from relative pages only but the style sheet of these plugins sometime creates problem for me. now i already have two style sheet for my project theme + all these plugins have two / three / four style sheet which are internally used to show relative effects like paging, light box effect , slider effects etc. all these style sheet have class for body , header , ul li controls styles and that spoil my main theme on some pages.


manually i need to check all the style sheets and remove all unwanted class. can some one know that can we have something like style.min.css ?
Posted

I think you are overriding CSS.
You should give explicit class name for your own tags to resolve such conflicts.

For better understanding visit following links:

http://stackoverflow.com/questions/8224948/conflict-between-the-same-class-or-id-of-multiple-css-files[^]
http://stackoverflow.com/questions/2788466/systematically-resolve-conflicting-styles-in-css[^]
 
Share this answer
 
Comments
ravikhoda 28-Mar-14 2:38am    
thanks
Snesh Prajapati 28-Mar-14 2:41am    
welcome
There are free CSS minifier tools like the next one: http://www.csscompressor.com/[^]
 
Share this answer
 
Comments
ravikhoda 28-Mar-14 2:38am    
thanks
Raul Iloc 28-Mar-14 3:46am    
Welcome!

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900