Jump to content

Overriding jQuery UI


Recommended Posts

Hey Guys,

Busy with some module dev and I cant seem to get jQuery UI to work properly. Ideally, I would of liked to use my own version of jQuery and jQuery UI - but I cant get that to work.


So the next best thing is using whats included which will have to do. I am using a custom jQuery UI theme with a CSS selector #modulename and its all getting loaded in hookDisplayBackOfficeHeader properly.


The problem comes in that its loading both MY css and the base css, for example the ui-helper-clearfix:after css:


my custom jquery ui css definition:

#modulename .ui-helper-clearfix:after {

clear: both;



prestashop butting in with their 'base' definition:

.ui-helper-clearfix:after {

clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;


Both definitions are being applied so you can imagine the chaos this is causing! How do I just apply my own since a CSS selector on the jquery UI css file isnt sufficient clearly?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...