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