Neu Nova Template / Hersteller-Übersicht die Logogröße anpassen

[dnbm]

Hallo Forum, Hallo JTL Community,

folgendes: hovert man den Topmenu-Link "Hersteller" wird ein schönes Popup gezeigt (Seite A).
Klickt man auf denselben lädt eine - aus unserer Sicht - unschöne Seite mit sehr große vergrößerten Logos (Seite B).

Hat jemand eine Anregung / Lösung wie man entweder
# Statt Seite B die Seite A anzeigen lassen kann
oder
# auf Seite B die Logos kleiner bekommt (CSS ?)

Es läuft JTL Shop 5.3.1. Professional mit Nova, dort das "Clear".

Danke für jeden Hinweis, LG

 

[bbfdesign]

Moin
Zeige mal Deinen Shop. Du kannst es via CSS und / oder in Kombination mit einem Child Theme versuchen.

Das CSS kannst du bei den Einstellungen vom Template hinterlegen oder Du installierst den JTL Theme Editor und hinterlegst da die CSS Daten.

Gruß Björn

 

[dnbm]

Moin Björn.
https://dernaturbaumarkt24.de/Hersteller

"intrinsische Größe: 120px"
"gerenderte Größe: 288px"

<div class="square square-image ">
<div class="inner">
<img src="https://dernaturbaumarkt24.de/media/image/manufacturer/9/md/auro-naturfarben.jpg"
srcset="https://dernaturbaumarkt24.de/media/image/manufacturer/9/xs/auro-naturfarben.jpg 80w,
https://dernaturbaumarkt24.de/media/image/manufacturer/9/sm/auro-naturfarben.jpg 120w,
https://dernaturbaumarkt24.de/media/image/manufacturer/9/md/auro-naturfarben.jpg 120w,
https://dernaturbaumarkt24.de/media/image/manufacturer/9/lg/auro-naturfarben.jpg 120w"
sizes="(min-width: 1300px) 25vw, (min-width: 992px) 34vw, 50vw" class=" img-fluid" alt="Auro" width="120" height="120">
</div>
</div>


CSS / Das hier funktioniert nicht:
.square .inner src {
max-width: 120px;
}

Ein weiterer Tipp wäre klasse.

 

[dnbm]

Ein CSS Guru hier?

; - )

 

[css-umsetzung]

wenn ich in das css schaue, dann steht dort diese Regel

.square-image .inner img {
  max-width: 150 px;
  max-height: 150 px;
}

da ist zwischen dem Wert und der Einheit ein Leerzeichen, dass Leerzeichen muss weg.