Artikelüberschrift nicht vollständig

Anonymous · 13. Januar 2018

Habe den Abstand zwischen Artikelüberschrift und Preis geändert, jetzt wird die Überschrift nicht mehr richtig dargestellt.

Kann mir bitte jemand sagen, wo ich das einstellen kann?

Dankeschööön

Anonymous · 13. Januar 2018

Mache die Änderung rückgängig.
Wenn Du die Höhen änderst, wird ein Teil verschluckt, bzw. durch die Sterne verdeckt.

Bedenke bei dem Platz auch, dass du vielleicht mal Sonderangebote oder Kunden-Rabatte einträgst, dann brauchst Du den Platz, weil ein oder zwei Zeilen dazu kommen.

Ich sehe aber gerade:
Du hast die Schriftgröße auf 24px geändert, wenn ich das raus nehme, wird die Schrift nicht kleiner, aber die Zeilenhöhe schon:
Code:
@media (min-width: 480px)
.product-container .inside .content-container .content-container-inner .title {
    font-size: 24px;
}

Anonymous · 13. Januar 2018

Zitat von barbara: ↑
Mache die Änderung rückgängig.
Wenn Du die Höhen änderst, wird ein Teil verschluckt, bzw. durch die Sterne verdeckt.

Bedenke bei dem Platz auch, dass du vielleicht mal Sonderangebote oder Kunden-Rabatte einträgst, dann brauchst Du den Platz, weil ein oder zwei Zeilen dazu kommen.

Ich sehe aber gerade:
Du hast die Schriftgröße auf 24px geändert, wenn ich das raus nehme, wird die Schrift nicht kleiner, aber die Zeilenhöhe schon:
Code:
@media (min-width: 480px)
main.min.css?bust=1515867340:3
.product-container .inside .content-container .content-container-inner .title {
    font-size: 24px;
}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.
fand das jetzt soooo hübsch, was soll ich jetzt herausnehmen?

Anonymous · 13. Januar 2018

@barbara mir ist gerade aufgefallen nachdem ich alles wieder zurückgenommen hatte, es lag gar nicht an meiner Änderung. Es ist jetzt nämlich immer noch so. Dann ist es mir vorher nicht aufgefallen, aber es muss an was liegen, was wir in den CSS geschrieben haben, was das verändert hat.

Anonymous · 13. Januar 2018

Der Titel mit 24px: / der Titel ohne den o.g. Code:

Die Schriftgröße ist gleich, aber der Zeilenabstand ist anders.

Du musst die Schriftgröße ändern, bzw den Code von oben raus nehmen.

Dann schaue ich mal, um den Preis etwas höher zu bekommen.

Anonymous · 13. Januar 2018

Ich finde das nicht

Code:

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

#footer a {
    color: #fff;
    text-decoration: none;
}
#footer a:hover  {
    color: #fff;
  text-decoration: underline;
}
#footer *:before, *:after {
    margin-right: 6px;
}
#footer .social-media-icons *:before, *:after {
    margin-right: 0px;
}
.footer-border-top {
    border-top: 1px solid #bbb;
    margin-top: 10px !important;
}
.footer-newsletter-badge
{
    float: left;
    margin-top: -30px;
    margin-right: 15px;
    float: left;
    border-width: 0px;
}
#topbar-container {
    background-color: transparent;
}
#topbar-container .navbar-topbar .navbar-nav > li > a {
    font-size: 16px;
    height: 20px;
    padding: 2px 16px;
    color: rgb(249, 93, 38);
    font-weight: bold;
}
@media (min-width: 768px)
{
#footer .inside .row .footer-col-2, #footer .inside #stage #slider .footer-col-2, #stage #footer .inside #slider .footer-col-2, #footer .inside .total-box table tr.total .footer-col-2, .total-box table #footer .inside tr.total .footer-col-2 {
    min-height: 310px;
}
#footer .inside .row .footer-col-1, #footer .inside #stage #slider .footer-col-1, #stage #footer .inside #slider .footer-col-1, #footer .inside .total-box table tr.total .footer-col-1, .total-box table #footer .inside tr.total .footer-col-1 {
    min-height: 310px;
}
}
#footer .inside .row .footer-col-1, #footer .inside #stage #slider .footer-col-1, #stage #footer .inside #slider .footer-col-1, #footer .inside .total-box table tr.total .footer-col-1, .total-box table #footer .inside tr.total .footer-col-1 {
    min-height: 330px;
}
#footer .inside .row .footer-col-2, #footer .inside #stage #slider .footer-col-2, #stage #footer .inside #slider .footer-col-2, #footer .inside .total-box table tr.total .footer-col-2, .total-box table #footer .inside tr.total .footer-col-2 {
    min-height: 330px;
}
#footer .inside .row .footer-col-3, #footer .inside #stage #slider .footer-col-3, #stage #footer .inside #slider .footer-col-3, #footer .inside .total-box table tr.total .footer-col-3, .total-box table #footer .inside tr.total .footer-col-3 {
    min-height: 330px;
}
#footer .inside .row .footer-col-4, #footer .inside #stage #slider .footer-col-4, #stage #footer .inside #slider .footer-col-4, #footer .inside .total-box table tr.total .footer-col-4, .total-box table #footer .inside tr.total .footer-col-4 {
    min-height: 330px;
}

}
div#rating_widget_placeholder {
   right: inherit !important;
    left: 0px;
}

.navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li > a {
    font-size: 13px;
}

#topbar-container .navbar-topbar .navbar-nav > li > a {
    color: #ffffff; font-weight: bold;
}
.product-container .inside .content-container .content-container-inner .title a {
    color: #472225; font-size:14px; font-weight: bold;
}

.product-container .inside .content-container .content-container-inner .price{ font-size:14px;
  color: #472225;
  }
#footer{
line-height: 2em;
}
#footer .footer-header {
    background: #ffffff;
   }
.swiper-pagination,
.js-teaser-slider-prev,
.js-teaser-slider-next {
    display: none;
}
#stage {
    #slider {
        .swiper-pagination,
        .js-teaser-slider-prev,
        .js-teaser-slider-next {
            display: none;
        }
     }
}
.product-container .inside .content-container .content-container-inner .price .productOldPrice {
    font-size: 14px;
    color: #000000;
  text-decoration: line-through;
    font-weight: normal;
}

.product-container .inside .content-container .content-container-inner .price {
    height: 100px;
}

.navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li {
  padding: 5px;
  }
@import "../bootstrap/bootstrap/responsive-embed"
.productlist-swiper .product-container .title {
   height: 92px;
}

.product-container .inside .content-container .content-container-inner .title {
   max-height: 92px;
}
.productlist-viewmode-grid .product-container .inside .content-container .content-container-inner{
padding: 0 5px;
}
.ribbons {
    right: 5px;
}


@font-face {
    font-family: 'brouet';
    src: url('/templates/Honeygrid/fonts/brouet-handwriting-webfont.woff') format('woff'),
          url('/templates/Honeygrid/fonts/brouet-handwriting-webfont.eot') format('eot'),
         url('/templates/Honeygrid/fonts/brouet-handwriting-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.nav-tabs > li > a {
font-size: 23px !important;
}

.table > thead > tr > th {
    text-transform: unset;
    font-size: 22px;
    font-family: brouet;
}

.product-info .product-info-title-mobile > span {
    color: #472225;
    font-size: 30px;
    font-family: brouet;
    font-weight: 700;
}
h1 {
    border-bottom: 0 !important;
    font-family: brouet;
    color: #472225;
    font-weight: bold;
}

h2 {
    margin-bottom:  5px;
    margin-top: 1px;
    border-bottom: 0 !important;
    font-family: brouet;
    color: #472225;
    font-weight: bold;
}
h3 {
    border-bottom: 0 !important;
    margin-bottom:  3px;
    border-bottom: 0 !important;
    font-family: brouet;
    color: #472225;
    font-weight: bold;
}

h4 {
    border-bottom: 0 !important;
    font-family: brouet;
    color: #472225;
    font-weight: bold;
    font-size: 26px !important;
    margin-bottom:  5px;
    border-bottom: 0 !important;
    text-transform: none !important;
}

h5 {
    border-bottom: 0 !important;
    font-family: brouet;
    color: #472225;
    font-weight: bold;
    border-bottom: 0 !important;
    margin-bottom:  5px;
}
h6 {
    border-bottom: 0 !important;
    font-family: brouet;
    color: #472225;
    font-weight: bold;
    margin-bottom:  5px;
    border-bottom: 0 !important;
}
.product-container .inside .content-container .content-container-inner .image .product-image img {
    box-shadow: 3px 3px 10px 5px #eaeaea;
}

Anonymous · 13. Januar 2018

Hast Du einer Überschrift im Style Editor 24px eingetragen? (z.B. bei der h4)
Vielleicht wurde das an den Titel vererbt.

Anonymous · 13. Januar 2018

Zitat von barbara: ↑

Hast Du einer Überschrift im Style Editor 24px eingetragen? (z.B. bei der h4)
Vielleicht wurde das an den Titel vererbt.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

So sieht das aus:

Anonymous · 13. Januar 2018

Teste doch einmal, wenn Du bei h4 einmal 14px einträgst.
(in meinem Shop ist der Titel mit 16px, und die h4 die einzige 16px schrift, deshalb könnte da die Verbindung liegen)

Und du hast für die h4 ohnehin eine andere Größe in der css stehen

Anonymous · 13. Januar 2018

Zitat von barbara: ↑

Teste doch einmal, wenn Du bei h4 einmal 14px einträgst.
(in meinem Shop ist der Titel mit 16px, und die h4 die einzige 16px schrift, deshalb könnte da die Verbindung liegen)

Und du hast für die h4 ohnehin eine andere Größe in der css stehen
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Das hat wirklich funktioniert... ich bin platt wie kommt man denn auf sowas?

Anonymous · 13. Januar 2018

In einem anderen Shop gegenprüfen.
Da ich am titel nichts geändert habe, aber den gleichen Code einzeln stehen habe (nur mit 16px)
habe ich geschaut ob eine Schrift 16px hat. bei "h4" hatte ich einen Treffer.

Anonymous · 13. Januar 2018

Zitat von barbara: ↑

In einem anderen Shop gegenprüfen.
Da ich am titel nichts geändert habe, aber den gleichen Code einzeln stehen habe (nur mit 16px)
habe ich geschaut ob eine Schrift 16px hat. bei "h4" hatte ich einen Treffer.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Du bist einfach nur ---> G U T

Anonymous · 14. Januar 2018

@babara Das wird leider nur im Chrome richtig angezeigt. In Edge und Firefox leider nicht. Habe alle Browsercaches gelöscht und auch über FTP Cache und Templates C und auch noch im Shop selbst den Cache gelöscht, es bleibt leider so.

Edit: Booooh, 5 Mal den Shop-Cache geleert und jetzt wird es endlich richtig angezeigt. Also alles gut, nochmals vielen Dank liebe Barbara.