I have this code:

<div class="my-flex-block-featured_products col-lg-2 test_padding"> <img src="src/img/small_lot.png"> </div> <div class="my-flex-block-featured_products2 col-lg-2 test_padding" align="left"> <button class="small__description">SHOE EXAMPLE SIZE L</button> <button class="small__price">$39.8911111</button> <button class="small__cart"> <i class="fa fa-shopping-cart fa-2x"></i> <span class="slide_btn"> </span> </button> </div>

In practice, this is displayed like this:

How can I remove this padding if I have already registered in test_padding: padding: 0 0 0 0;

  • look in devTools what styles it interrupts. and the question is - how did you register in test_padding? Do you understand the priority of styles? Have you raised the priority of your style enough compared to those who did not set you need padding? - Ivan Pshenitsyn
  • may the weight of the selector .test_padding below, and because of this does not work - soledar10
  • one
    Write this: .test_padding { padding: 0 !important; margin: 0 !important; } .test_padding { padding: 0 !important; margin: 0 !important; } .test_padding { padding: 0 !important; margin: 0 !important; } - Maqsood
  • one
    @Maqsood Well, what do you teach people ... not to understand, but to make crutches. - Ivan Pshenitsyn
  • Throw off the full code and I will help you, I do not want to think out. - user192664

0