Stack Overflow is a community of 4.7 million programmers, just like you, helping each other.

Join them; it only takes a minute:

Sign up
Join the Stack Overflow community to:
  1. Ask programming questions
  2. Answer and help your peers
  3. Get recognized for your expertise

I'm trying to add my own class and to modify the padding the following code with my external style.css but every single time angular-material overwrites my code & I don't want to use style="padding: 0px!important" everytime !

<md-menu-bar ng-if="!phantomJS && !shared" style="padding: 0px"><md-menu>

Thanks in advance

My Angular Theme-ing option looks like this

$mdThemingProvider.theme('default')
  .primaryPalette('blue')
  .accentPalette('indigo')
  .warnPalette('deep-orange')
  .backgroundPalette('grey');
share|improve this question
1  
Doesn't this depend on what order the css is referenced? Presuming angular-material doesn't include !important as long as your style.css is last, you should be right – Brendan Green 20 hours ago
    
that's why I opened this topic. Is very tricky to use material to apply your own css. There should be a clear solution that will not allow further updates of material to affect your own style. – Cristian Panea 11 hours ago

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.