css - Is there possible that remove !important property from element on specific resolution? -
i'm using carousel slider more 2 times , .item height 100%. had adjust main slider on specific height, added class .custom-slider in header tag put style !important tag, because there 100% height .
.custom-slider { height: 645px !important; } its adjusted , working fine. have adjust on different resolution, have reduce height 645px 496px, due !important property new added height not working.
i'm trying following style on 1024 reslution, not working.
.custom-slider { height: 496px !important; } this accepted answer explained, didn't resolve issue, can guide me regarding this. appreciate.
change style max-height , remove important!
.custom-slider { max-height: 645px; } you make selector more specific adding tag or parents id/class. give style higher priority.
body div.custom-slider { max-height: 645px; }
Comments
Post a Comment