how to override min-width


Tags: css,override

Problem :

Wanted to use a custom css option, instead of modifying the source code.Is there any possibility to override these css values please ?

@media only screen and (min-width: 40.063em) {
  .footer-fixed #wrapper [role="main"] {
    padding: 80px 60px 60px;
  }
}

not to sure how to apply !important in order to have :

@media only screen and (min-width: 76.5625em) {
  .footer-fixed #wrapper [role="main"] {
    padding: 80px 8px 20px 30px;
  }
}

thank you,



Solution :

This is how you would apply !important. Read up more about !important

@media only screen and (min-width: 76.5625em) {
  .footer-fixed #wrapper [role="main"] {
    padding: 80px 8px 20px 30px !important;
  }
}

Also, if you are in the same stylesheet as the first selector and declartion block you could add this CSS below it and it should override it without !important.


    CSS Howto..

    How to customize style of numeric “li” in css [closed]

    How to select only for the first of divs with equal names?

    How do I combine this 2 sets of coding together to form a mega drop down nav

    How to create a div filling the vertical available space without overlapping the containing div?

    javascript or css: How to Hide any Number followed by dot Prefix “1.text”, “2.text”…“30.text” from a Text inside a Label

    How to get value of input using Jquery and put it in css of an element

    How does one create a div that extends to the bottom of the page?

    How to make content of invisible except for the left column?

    How to create a div with a diagonal (or angled) top line

    How to apply custom CSS and Javascript specific CMS page Magento

    How to provide default font height or content when

    or has no characters?

    How to create a menu that rolls down? CSS

    How to set parent div height to self adapt to the inner div height?

    Class inside of Div not showing properly

    How to have multiple borders on div using css

    How Do I Perfectly Center a Float Element in Between Two Floated Elements?

    How to make a layout scale with CSS?

    how to let CMS make use of my css files instead of its own css?

    How do I make a Google Map span 100% remaining height between header and footer?

    Show Pinterest hover buttons only on images with specified class

    How to confine an animated div to its parent div

    How to disable CSS in Browser for testing purposes

    How to workaround: IE6 does not support CSS “attribute” selectors

    how to have a css in javascript when onsubmit trigger in another window?

    How to Unmerge CSS and JS in magento using MySQL Command

    How to get border radius and gradient background working together in IE 9

    How to add a:hover css function to this code?

    Only partial image showing as my background image. How can I use CSS to get the full image as my background?

    How to change button colors upon click (Javascript)?

    How to add a mailto to a sentence without extra spacing?