Question

I try to change css attribute with Jquery. I do

wrapperInner.css('overflow', 'visible');

but value still stay the same. I do alert alert(wrapperInner.css('overflow')) and it shows hidden.
Here is css for this

.tribe-events-calendar td div.wrapper div.wrapper_inner {
    position:relative;
    overflow:hidden!important;
}

Answer 1

The !important is overriding the jQuery. Remove it.

Using !important is sloppy and generally a bad idea—you are seeing how it causes problems.

If you can’t remove it, add a class with the styles you need:

var thing = $('div')   
thing.addClass('shown');   

 

div {
    color: red !important;
}

.shown {
    color: blue !important;
}

I used colors, but the concept applies. Demo

​