Kategorien im Menü nicht Uppercase darstellen

[KlyX]

Hallo Community,

wir möchten im Shop die Kategorien im Header nicht uppercase darstellen. Ich habe mich auch schon etwas durch die Dateien gewühlt (xt-responsive Theme) und habe festgestellt, dass diese über die box_categories_recursive_html dargestellt werden (Ausgabe in Zeile 9). Aber ich habe keine Klasse entdeckt, bei der ich von Upper-Case auf etwas anderes umstellen könnte. Die Ausgabe wir auch nicht (wie z.B. der Titel der Kategorien-Sidebar) konkret als "uppercase" angegeben.

Ich komm hier grad nicht mehr weiter :)
Vielleicht könnt ihr mir helfen.

Viele Grüsse,
Chris

[xt:Commerce]

Die uppercase umwandlung geschieht über css.

Hierzu musst du dann eine eigen css rule in der stylesheet.css setzen um dies zu überschreiben.

[KlyX]

Hi Admin

Soweit verstanden - allerdings mache ich entweder was falsch oder es funktioniert nicht.
Wenn ich das richtig sehe, nimmt er das uppercase aus den Klassen
.main-navigation bzw. .navbar-collapse --> siehe Bild

Wenn ich nun die eine, die andere oder beide Klassen in der stylesheet.css entsprechend anpasse:

main-navigation
{
    text-transform: capitalize !important;
}

navbar-collapse
{
    text-transform: capitalize !important;
}
 

scheint das in keinster Form übernommen zu werden.
Dass es per se die richtigen Klassen sind nehme ich daher, dass wenn ich in den Entwicklertools das uppercase beim Text-transform entferne, genau das passiert was ich möchte.

Aber übers stylesheet.css mag es nicht

Was mach ich falsch?

 

Viele Grüsse,
Chris

[xt:Commerce]

.main-navigation .navbar-collapse > ul > li > a {
    text-transform: capitalize;
}

[KlyX]

Okay, die Kombi hatte ich nicht versucht (mit > ul >li >a - das sah komisch aus für mich ;)).
Aber leider klappt selbst das nicht - ins stylesheet.css eingetragen und hochgeladen. Keine Änderung.
Muss das über irgendwelche Schalter aktiviert werden oder neu generiert werden, damit es übernommen wird??

[xt:Commerce]

browser cache löschen - oder halt hard refresh

https://fabricdigital.co.nz/blog/how-to-hard-refresh-your-browser-and-clear-cache

[KlyX]

DAS habe ich selbstverständlich gemacht
Ich stehe manchmal auf dem Schlauch - aber bin nicht hinterm Mond
(In der Regel teste ich es mit dem Inkognito-Modus des Browsers - das ist in der Regel der einfachste Weg. Wenn das nicht klappt, der normale Weg).
Aktuell bin ich auf einem anderen OS und auf einem anderen Browser. Passiert trotzdem nichts
Die stylesheet.css scheint insofern nicht übernommen zu werden, als dass ich auch mit den Entwicklertools die Anpassung nicht finden kann (falls sie z.B. überschrieben bzw. nicht beachtet wird - habe auch gleich noch mit !important getestet...)

Bin ratlos *shrug*

[xt:Commerce]

Nein, bei der styesheet.css musst du nichts neu generieren, außer du hast während des Anpassens im Admin den css merge minify aktiviert - dann werden alle css in eine cache/style_1....css zusamengefügt - dies sollte man während template anpassungen nicht aktivieren.

[StefanGold]

Ich bin ja auch ganz neu hier, also habe ichd as richtig verstanden, alle Änderungen am css macht man in der Stylsheet.css des Templates, und das wirkt sich dann als Override aus...

Obiges klappt bei mir

 

LG Stefan

[KlyX]

Servus zusammen,

Admin - der Punkt mit dem merge minify hat mich auf etwas gebracht und ich hab mal den template und auch die anderen caches geleert in xt (nicht im Browser ;)). DAS hat geholfen. Daran hab ich nicht gedacht. Sorry!

Klappt jetzt
Danke für die Tipps (xt ist nicht das übliche System dass ich betreue - dementsprechend ist mein Wissen noch sehr ausbaufähig)