Rabattanzeige überlagert Artikelname

Hallo,

ich bin dabei meinen Shop von 3.2 auf 3.15 zu updaten. Bei rabattierten Artikeln wird dabei der Artikelname von der Rabattanzeige überlagert. Im alten Design wurde der Artikelname entsprechend getrennt. Zur Veranschaulichung ein Bild anbei.

Spoiler: Detailansicht Produkt

Gehe ich richtig in der Annahme, dass hierfür die templates/Honeygrid/product_details.html zuständig ist?
Leider sind die beiden Versionen in meinen Laienaugen völlig unterschiedlich, wo könnte ich die gewünschte Änderung vornehmen?

 

Danke erstmal für die Hinweise!
Ich habe da leider absolut keine Ahnung - wenn ich die Elemente im Chrome untersuche, habe ich

Spoiler: Element Inspector

Code:

<div class="hidden-xs hidden-sm ribbon-spacing">
</div>

Code:

.product-info .product-info-details .ribbon-spacing {
    min-height: 6px;
}

Wenn ich min-height jetzt auf 20px setze, erhalte ich den gewünschten Abstand. Wie kann ich jetzt diesen Wert im Style-Edit in mein eigenes CSS für dieses Element übernehmen? Bisher steht dort (was damit wohl nichts zu tun hat):

Spoiler: CSS

Code:

@media (min-width: $grid-float-breakpoint) {
    #outer-wrapper {
        @include box-shadow(0 0 10px rgba(0, 0, 0, .3));
    }
    #topbar-container {
        background: transparent;
        margin-top: -30px;
        @include border-top-radius(10px);
        .navbar-topbar {
            margin-right: 30px;
        }
    }
    #footer {
        @include border-bottom-radius(10px);
    }
}

 

Okay, ist wohl einfacher als gedacht.. falls noch jemand das Problem hat - im CSS habe ich folgendes eingefügt:

Spoiler

Code:

.product-info .product-info-details .ribbon-spacing {
    min-height: 25px;
}