I'm using a third party css library for styling, but I'd like to specify a different min-height for a particular div.
The div is using themeRow class which has a number of attributes and sets:
min-height: 200px
In my case this is much too large, and i'd like to set a different value i.e
min-height: 75px
So i've defined some inline css but my value is being ruled out when rendered and the div still draws at min-height: 200px
Any way I can tell css to use my value instead of the third party value?
<style>
.bannerHeight {
min-height: 75px;
}
</style>
<div class="themeRow bannerHeight"></div>
You can use !important to override the min-height: 200px value which is being assigned to your <div> by the third-party library. Try using this CSS:
<style>
.bannerHeight {
min-height: 75px !important;
}
</style>
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments