Neu NOVA: Unterschiedliche Bildhöhen in einer Zeile

deliwelt

Aktives Mitglied
17. Januar 2013
47
3
Hallo,
Ausgangssituation: im OPC habe ich einen Container angelegt, darin ein 2:1 Grid mit zwei Bildkomponenten. Die Bilder sind exakt gleich hoch und das linke Bild ist exakt doppelt so breit wie das rechte.
Blöderweise werden trotzdem die Bilder in einer unterschiedlichen Höhe angezeigt. Es sind keine weiteren CSS Einstellungen im Container/Grid/Bild angelegt...

Vielleicht hat jemand eine Idee woran da liegen kann.

Gruß Michael
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
566
162
Hallo @deliwelt

das ist defintiv ein interessantes Verhalten. Das Problem liegt darin begründet, dass der padding der columns in denen die Bilder liegen wohl mit eingerechnet wird. Eine Lösung wäre diesen padding auch zu halbieren. Du könntest z.B. dem Grid-Portlet eine benutzerdefinierte Klasse geben (im tab Layout, z.B grid-2-1) und in deiner custom.css folgendes eintragen:
CSS:
.grid-2-1 .col-xl-4 {
    padding-left: 0;
}
Ich weiß spontan nicht ob man das irgendwie noch besser lösen kann..

Viele Grüße
Michael
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu NOVA > Cache Dauer für Browsercache einstellen Templates für JTL-Shop 0
Neu NOVA Child: Artikeldetailseite Tabs werden untereinander dargestellt anstatt zu faden Templates für JTL-Shop 2
Neu NOVA Template - dunkler Hintergrund bei ausklappendem Megamenu Templates für JTL-Shop 4
Neu Shop5 NOVA - SWATCH-Image - PopUp deaktivieren Templates für JTL-Shop 2
Neu NOVA Template Preisspannen Slider noUI-touch-area sekundäre Farbe ändern Templates für JTL-Shop 2
Neu Shop5 NOVA - Galerieansicht Bilder vergrößern Templates für JTL-Shop 2
Neu Produktdaten für rich snippets werden von Shop5 (NOVA) nicht geliefert Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5 - Anpassung Nova Child Theme Dienstleistung, Jobs und Ähnliches 0
Neu NOVA Template JTL Shop 5 eigenen Content-Block zwischen Footer und Produktdetailsseiten Technische Fragen zu Plugins und Templates 2
Neu Schriftgröße des Menüs im Nova Child Template vergrößern Templates für JTL-Shop 2
Neu Nova Child Theme: Atikel Name in downloads.tpl abfragen? Technische Fragen zu Plugins und Templates 4
Neu Nova Midnight, @import in _allstyles falsch? JTL-Shop - Fehler und Bugs 2
Gelöst NOVA Headings plötzlich weiß?! Templates für JTL-Shop 1
JTL Shop 5 Nova Template out of the box nicht responsiv? Einrichtung JTL-Shop5 2
Neu NOVA - CSS Anpassung Text Variationsname Templates für JTL-Shop 7
Neu JTL5 + NOVA -> keine linke Seitenleiste für Filter? JTL-Search 0
Neu Template Nova: Grauen Schatten Linie in anderer Farbe Templates für JTL-Shop 2
Neu Textfarbe "Neu hier? Jetzt registrieren!" in NOVA Template ändern Templates für JTL-Shop 2
Neu Ist eine Bildvergößerung im NOVA-Template möglich wie im EVO-Template Technische Fragen zu Plugins und Templates 0
Neu Nova-Template Menü anpassen Templates für JTL-Shop 0
Neu NOVA > logo hat leeres srcset Templates für JTL-Shop 0
Neu NOVA > Wie eigene Fonts im Child-Theme einbinden Templates für JTL-Shop 5
Neu Nova - Mobile - Ansicht - Artikellisten - Ansicht - Verständnissfrage Templates für JTL-Shop 2
Neu Shop5 Nova Template Allgemeine Fragen zu JTL-Shop 2
Neu Nova Template Artikelliste Bilder werden falsch geladen JTL-Shop - Fehler und Bugs 0
Neu NOVA - Komprimierung von JS & CSS Templates für JTL-Shop 4
Neu NOVA Performance Optimierung? Templates für JTL-Shop 8
Neu Bild in Artikelliste im Verhältnis größer Nova Templates für JTL-Shop 2
Neu Nova Template - Artikelbilder der Artikeldetailseite links neben dem Hauptbild Templates für JTL-Shop 2
Neu Infinite Scrolling - EndlessScrolling für den JTL5 - Nova Allgemeine Fragen zu JTL-Shop 0
Neu Artikelbeschreibung als Artikelkurzbeschreibung im Nova - Template - Listenansicht Allgemeine Fragen zu JTL-Shop 2
Neu Im Child vom NOVA auch auf der Startseite die linken Boxen Templates für JTL-Shop 3
Neu Nova Megamenu Hovereffekt ausschalten Templates für JTL-Shop 3
NOVA - Mobile Navigation ohne MegaMenu? Einrichtung JTL-Shop5 1
Beantwortet Child Template lädt css von Nova nicht Templates für JTL-Shop 1
Neu NOVA child-template CSS rem(16px) Templates für JTL-Shop 1
Neu Unfall passiert ... Kann mir jemand die Original TPL Dateien NOVA Shop 5 zur Verfügung stellen Allgemeine Fragen zu JTL-Shop 3
Neu Slider Warenkorb zufügen > Nova Templates für JTL-Shop 7
Beantwortet NOVA unter JTL Shop 5 zeigt auf Startseite nur Header und Footer JTL-Shop - Fehler und Bugs 2
Neu JTL5 / Nova / Banner / Slider Startseite Betrieb / Pflege von JTL-Shop 0
Neu Hersteller Name beim Warenkorb deaktivieren (NOVA Templates) Allgemeine Fragen zu JTL-Shop 3
Neu Nova-Template Kundennummer / Firma Technische Fragen zu Plugins und Templates 3
Neu NOVA Template - Syntax {col}, {row} Technische Fragen zu Plugins und Templates 1
Neu NOVA Template - kein Vorschaubild für Variationen im Slick-Slider Templates für JTL-Shop 0
Neu JTL SHOP 5 NOVA - keine Preisspanne, kein ab Technische Fragen zu Plugins und Templates 0
Neu Shop 5 Nova child theme editor zeigt keinen Inhalt Templates für JTL-Shop 11
Varkombis als unterschiedliche Artikel in Galerie anzeigen Einrichtung JTL-Shop5 0
Neu Versandklasse enthält in der Shop-DB unterschiedliche Schlüssel JTL-Shop - Fehler und Bugs 3
Neu Unterschiedliche Variationsartikel mit selber Farbnummer User helfen Usern - Fragen zu JTL-Wawi 4
Neu mehrere Firmen, unterschiedliche Artikelpreise User helfen Usern - Fragen zu JTL-Wawi 2

Ähnliche Themen