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?

Share this post

Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More