Rozciągnięte przyciski od ilości produktu

[PiotrWell]

Cześć wszystkim!

Nawet nie wiem, kiedy, ale w pewnym momencie rozjechały mi się przyciski od zmiany ilości produktu. 

Czy ktoś ma skuteczne rozwiązanie? Próbowałem custom.css ale nie zadziałał;

/* Zmuszenie input i jego wrappera do konkretnej wysokości */
.input-group.bootstrap-touchspin {
  height: 40px; /* lub 100%, jeśli parent ma ustaloną wysokość */
}

/* Upewniamy się, że input też ma tę samą wysokość */
.input-group.bootstrap-touchspin input[type="number"] {
  height: 100% !important;
  box-sizing: border-box;
}

/* Ustawienie strzałek pionowo, każdy na 50% */
.input-group-btn-vertical {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.input-group-btn-vertical .btn {
  flex: 1 1 50%;
  padding: 0;
  height: 50%;
  line-height: 1;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;

 

Może ktoś z Was miał podobny problem i wie, jak temu zaradzić? 

Z góry dzięki, pozdróweczki!

 

[PiotrWell]

Cześć! Podbijam - próbowałem wszystkiego, zmieniać pliki tpl, grzebać w cssach, które mogą wykluczać i nic. Jestem bezradny.

Czy ktoś ma jakieś skuteczne rozwiązanie tego problemu?

[get3code]

17 hours ago, PiotrWell said:

Cześć! Podbijam - próbowałem wszystkiego, zmieniać pliki tpl, grzebać w cssach, które mogą wykluczać i nic. Jestem bezradny.

Czy ktoś ma jakieś skuteczne rozwiązanie tego problemu?

Zdebuguj sobie kod za pomocą np: Chrome Developer Tools (F12 lub prawym i debuguj). Sprawdź która klasa nadpisuje Tobie ustawienia.

[PiotrWell]

Udało się - to była wina wtyczki od uploadu pliku, która nie wiem, czemu, odpowiadała za ustawianie wysokości przycisków.

Najserdeczniejsze pozdrowienia!