Overriding jQuery UI

[SupaMonkey]

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?

[PascalVG]

As you inherit the earlier defined base attribute values, the only thing you can do is override all attributes you don't like and change their values to the disired ones...

[SupaMonkey]

How do I

1) NOT inherit the base values

or

2) Override all the attributes?