Neu Shop Logo Größe im Nova / JTL 5

MarkusF

Neues Mitglied
9. Januar 2021
21
2
Guten Tag liebe JTL'er!

ich möchte im Nova Template das Shop Logo etwas vergrößern. Folgendes habe ich dazu gemacht:

- Child Template angelegt (NOVAChild 5.0.0-rc.3 ‐ 5.1.0)
- Dort in die custom.css folgendes notiert:

@media (min-width: 992px) {header .navbar-brand img {
height: 5.8rem;
}}


Leider hat das keinerlei Auswirkungen. (2 verschiedene Browser probiert)

Ich habe dann das Plugin "JTL Theme Editor" installiert und damit in der my-nova.scss des Childs den obigen Zusatz eingefügt und das Theme kompiliert.

Leider hat das auch keine Auswirkungen (zumindest konnte ich aber in der _variables.scss die Primärfarbe ändern).

Was mache ich falsch?

Ich habe etwas von einem JTL Header Plugin gelesen... wo bekommt man das?

Danke für die Hilfe im Voraus!

Viele Grüße, Markus
 

MarkusF

Neues Mitglied
9. Januar 2021
21
2
Hallo Michael,
das hat geholfen - vielen herzlichen Dank! :thumbsup::thumbsup::thumbsup:

Ein Hintergrundbild kann man in den Header nicht (einfach) einfügen? Oder doch?
Viele Grüße, Markus
 

MarkusF

Neues Mitglied
9. Januar 2021
21
2
Hallo Eas,
danke für den Tip, es ist mir fast gelungen.

Mit folgendem Code konnte ich das Hintergrundbild einbinden:

.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
background-image: url(https://www.meineURL.de/jtl/bilder/intern/banner_2a.jpg);
background-size: cover;
}

Nun ist da noch eine Zeile drüber mit News/Kontakt. Ich kann hier zwar auch ein Hintergrundbild hinterlegen mit

#header-top-bar, header {
background-image: url(https://www.meineURL.de/jtl/bilder/intern/banner_1a.jpg);
background-size: cover;
}

aber eigentlich möchte ich ein Hintergrund-Bild, das über den gesamten Header Bereich geht. Ist das möglich und wenn ja, wie?

Herzlichen Dank, Markus
 

MarkusF

Neues Mitglied
9. Januar 2021
21
2
Hallo Eas, oben die graue Zeile mit der Sprache und der Währung soll auch das Hintergrundbild bekommen.
Also das Bild soll über beide Bereiche gehen. Ist das möglich?

Ich habe bereits versucht, das Bild entsprechend zu teilen und jedem Bereich einen Abschnitt zu geben, aber mit "background-size: cover;" werden die unterschiedlich skaliert und passen dann nicht mehr zusammen...

Liebe Grüße, Markus
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
403
121
Hallo,
das ist leider nicht so einfach zu machen wenn die <div id=" header-top-bar"> außerhalb des headers liegt.

Wenn du das Header Plugin mit der Einstellung: "Anzeige beim Scrollen": "Menü" nutzt, liegt die div mit im header und du könntest wie Eas sagt dem header das background image geben. Zusätzlich musst du eventuell noch folgendes einfügen:
CSS:
#header-top-bar {
    background-color: transparent;
}
Viele Grüße
Michael
 
  • Gefällt mir
Reaktionen: MarkusF

ARA-Marketing

Offizieller Servicepartner
SPBanner
2. Oktober 2008
875
84
Regensburg
ähm.... also... letztmalig diesbezüglich: #header-top-bar {background-color: transparent;}

Ich werde jetzt keinen CSS-Kurs hier geben.... das ginge schon zu weit..... oder man muss ein paar Euro dafür dann ausgeben.
Bitte um Verständnis.

Vielleicht schaust du hier mal: https://www.css4you.de/

VG
Eas
 

MarkusF

Neues Mitglied
9. Januar 2021
21
2
Hallo,
das ist leider nicht so einfach zu machen wenn die <div id=" header-top-bar"> außerhalb des headers liegt.

Wenn du das Header Plugin mit der Einstellung: "Anzeige beim Scrollen": "Menü" nutzt, liegt die div mit im header und du könntest wie Eas sagt dem header das background image geben. Zusätzlich musst du eventuell noch folgendes einfügen:
CSS:
#header-top-bar {
    background-color: transparent;
}
Viele Grüße
Michael
Danke Dir, Michael!
VG Markus
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Logo Vergrößerung, Farbanpassung, Boxenverwaltung etc. im JTL Shop Allgemeine Fragen zu JTL-Shop 4
Neu Logo auf Artikelseite im Shop 5 Templates für JTL-Shop 1
Neu Shop 5 und Facebook Pixel Allgemeine Fragen zu JTL-Shop 1
Neu Umlautfehler im Shop 5.0.1 Allgemeine Fragen zu JTL-Shop 1
Neu Artikelsticker Shop 5 Allgemeine Fragen zu JTL-Shop 2
Beantwortet NOVA unter JTL Shop 5 zeigt auf Startseite nur Header und Footer JTL-Shop - Fehler und Bugs 2
Neu Warning: Invalid argument supplied for foreach() in /home/.sites/298/site8438217/web/classes/class.JTL-Shop.Artikel.php on JTL-Shop - Fehler und Bugs 1
Neu Shop 5 mobile Ansicht Template anpassen Allgemeine Fragen zu JTL-Shop 3
Neu JTL Shop 5: Pflichtfreitext-Angabe des Kunden verschwindet im Warenkorb & demnach auch in Bestellung + WAWI JTL-Shop - Fehler und Bugs 2
Neu Versandart wechselt nicht im Shop Allgemeine Fragen zu JTL-Shop 10
Neu Warum nimmt der JTL Shop teilweise keine Preisaktualisierungen von JTL wawi an? JTL-Wawi - Fehler und Bugs 1
Individuelle Sortierung der Artikel in der Artikelübersicht/Kategorieansicht Shop Einrichtung JTL-Shop5 4
Neu JTL-SHOP 5 - Checkbox Text für 3. Sprache wird nicht gespeichert JTL-Shop - Fehler und Bugs 5
Neu Feld Kundenkategorie in den Kundendaten leeren (Ameise) und Kunde im Shop löschen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Wo/Wie wird der Lizenzschlüssel bei einem Upgrade der CFE auf die JTL Shop Standardversion eingetragen? Installation / Updates von JTL-Shop 4
Neu Suche Agentur bzw. Berater zum Thema Online Shop Optimierung/Umsatzsteigerung Dienstleistung, Jobs und Ähnliches 1
Neu OSS - One Stop Shop User helfen Usern 10
Neu Zusatzkosten (Pandemie) automatisch berechnen im Shop 4 / 5 Allgemeine Fragen zu JTL-Shop 3
Neu UstId bei Shop-Bestellungen werden nicht an Wawi übertragen User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL Shop 5 - Container mit Link versehen - wie geht das Allgemeine Fragen zu JTL-Shop 3
Neu Performance JTL Shop 5 - 200.000 ms Idle Wert?! Plesk Strato Betrieb / Pflege von JTL-Shop 2
Neu Shop 5 nicht mehr erreichbar nach Cache leeren Betrieb / Pflege von JTL-Shop 2
Neu Blogbeiträge JTL5 Shop - Bild löschen geht nicht Allgemeine Fragen zu JTL-Shop 1
Neu Nach Update auf Shop 5: Kundendaten an Shop senden funktioniert nicht mehr Allgemeine Fragen zu JTL-Shop 2
Neu Multishop Abgleich - Bestellungen werden aus einem Shop immer dem gleichen Kunden zugeordnet Gambio-Connector 0
Neu Shop 5 rechnet teilweise mit 16% Umsatzsteuer Allgemeine Fragen zu JTL-Shop 2
Neu [JTL Shop 5] Filter-URLs sind nicht nofollow JTL-Shop - Fehler und Bugs 4
Neu Kundenansturm lässt Shop zusammenbrechen - Wo ist die Belastungsgrenze? Allgemeine Fragen zu JTL-Shop 1
Neu JTL-Shop-Hosting Plesk Git dump-autoload Allgemeine Fragen zu JTL-Shop 0
Neu Online Shop Anbindung Shop-URL Verweist nicht auf einen gültigen Shop Onlineshop-Anbindung 2
Neu Fehler bei Shop-Abgleich User helfen Usern - Fragen zu JTL-Wawi 1
Neu Anleitung Cleverreach an JTL Shop v.4 Plugins für JTL-Shop 0
Beantwortet Update Shop 5 - SQLSTATE Fehler - diverse Installation / Updates von JTL-Shop 1
Neu Bestellstatus wird bei Teillieferungen zwischen WAWI und JTL-Shop 5.0.1 nicht richtig synchronisiert JTL-Shop - Fehler und Bugs 0
Neu [JTL Shop 5] "Meine Käufe": doppelter Eintrag unter "Gebundene Lizenzen" JTL-Shop - Fehler und Bugs 0
Neu Normales Dropdown statt Megamenu in Shop 5 Allgemeine Fragen zu JTL-Shop 4
Neu Deprecated: JTL\Shop::DB is deprecated. Upgrade JTL-Shop4 auf JTL-Shop5 1
Neu Vaterartikel für einen Shop erstellt alle melden Fehler Modified eCommerce-Connector 0
JTL-Shop 5.0.1 mit Wawi 1.5.44.0 verbinden - Shop URL verweist nicht auf gültigen Shop Einrichtung JTL-Shop5 8
Neu Swatch Bilder Größe anpassen shop 5 Allgemeine Fragen zu JTL-Shop 1
Spezialseite "Kontakt" nach Upgrade von JTL Shop 4 auf 5 Einrichtung JTL-Shop5 1
Neu [JTL SHOP 5] Sitemap kann nicht automatisch erstellt werden JTL-Shop - Fehler und Bugs 3
Keine Anmeldung am Shop möglich - Fehlerhafte Cookie-Einstellungen: Anmeldung nicht möglich. Bitte wenden Sie sich an den Support. Einrichtung JTL-Shop5 2
Neu [Shop 4] [PayPal Express] Ratenzahlung schlägt ohne Versandkosten fehl JTL-Shop - Fehler und Bugs 2
Neu Korrekturen im Vaterartikel werden trotz Aktualisierung der Kinder nicht in den Shop übernommen Modified eCommerce-Connector 0
Neu Internet Explorer + JTL Shop 5 = Bestellabschluss nicht möglich JTL-Shop - Fehler und Bugs 1
Neu JTL Software + Shop + Ebay/Amazon lohnt sich das? Starten mit JTL: Projektabwicklung & Migration 3
Neu Workflow: Versandstatus an Shop/eBay/Amazon senden User helfen Usern - Fragen zu JTL-Wawi 7
Neu JTL SHOP 5 NOVA - keine Preisspanne, kein ab Technische Fragen zu Plugins und Templates 0
Neu Gewicht Versand automatisch in WooCommerce Shop aus Wawi User helfen Usern - Fragen zu JTL-Wawi 0

Ähnliche Themen