"Kategorie" in Sidebar entfernen oder Schriftfarbe ändern

Hallo,

wir sind neu hier und dies ist unser erster Shop. Wir verwenden ein Theme aus dem Store und haben bei der Sidebar das Problem, dass das Wort “Kategorie” weiß dargestellt wird. Dies sieht mit einer grauen Sidebar nicht schön aus. Wir möchten gerne dieses Wort ausblenden oder in Schriftfarbe schwarz abändern. In der mobilen Ansicht passt es, dort ist es schwarz geschrieben.

https://www.jf-sportnahrung.de

 

Vielen Dank für eure Hilfe.

Grüße von JF Sportnahrung

Hallo JF Sportnahrung,

dazu müsstest Du im CSS einmal das Element .navigation–headline ändern. Dort ist die Farbe #FFFFFF (also weiß) hinterlegt.
Den Farbwert müsstest Du auf #000000 (schwarz) ändern.

Viele Grüße

Benjamin

1 Like

Hallo Benjamin,

Danke für deine Antwort. Könntest mir hierzu noch einen genauen Pfad nennen? Muss ich dies im Bare, Responsive oder in dem gekauften Theme oder in dem davon abgeleitetem suchen?

Danke im Vorraus.

Grüße Fabian

Kann mir sonst bitte jemand helfen?

Finde den Pfad dazu nicht wo ich dies genau ändern kann.

Vielen Dank.

In deinem gekauften Theme ist vermutlich unter frontend/_public/src/less/_modules/listing.less innerhalb von:

@media screen and (min-width: @tabletViewportWidth), all {

}

die Anweisung:

.is--ctl-listing .navigation--headline{

}

Eventuell ist auch erst .is–ctl-listing aufgeführt und dann weiter unten .navigation–headline. Da musst du color: #ffffff zu color:#000000 ändern.

Es kann aber auch in einer anderen Datei sein, das ist im Browser nicht ersichtlich, weil die Dateien zusammengefasst werden.

Liebe Grüße

Guten Morgen,

ich verwende dieses Theme: https://store.shopware.com/snaps39632482133f/snaptwo-theme.html
Im Ordner frontend/_public/src/less/_modules/ gibt es dort keine listing.less Datei. Allerdings habe ich in Less eine All.Less dort steht auch einiges wegen der Sidebar drin.

Aber leider wurde ich dort nicht fündig was die .navigation-Headline angeht…  Kann ich die All.Less hier hochladen zum zeigen? Für den code sei es angeblich zu lange laut Forum Meldung.

kannst Du mir hier noch weiter helfen?

Danke.

In der all.less werden vermutlich die anderen less-Datein eingebunden.

Du kannst auch ein neues Theme erstellen, das von dem gekauften Theme ableitet.

Dann erstellst du dort einfach selbst die frontend/_public/src/less/_modules/listing.less mit folgendem Code:

@media screen and (min-width: @tabletViewportWidth), all {
   .is--ctl-listing .navigation--headline{
      color: #000000;
   }
}

 

Damit die Datei gefunden wird musst du in deinem Theme die Datei frontend/_public/src/less/all.less mit folgendem Code erstellen:

 

@import "_modules/listing";

 

Dieser Weg ist auch deshalb besser, weil bei einem Update des gekauften Themes deine Änderungen nicht verloren gehen.

Mehr zu diesem Thema findest du in den Docs.

https://developers.shopware.com/theme-guide/

Liebe Grüße

1 Like

@Larineso schrieb:

In der all.less werden vermutlich die anderen less-Datein eingebunden.

Du kannst auch ein neues Theme erstellen, das von dem gekauften Theme ableitet.

Dann erstellst du dort einfach selbst die frontend/_public/src/less/_modules/listing.less mit folgendem Code:

@media screen and (min-width: @tabletViewportWidth), all {
.is–ctl-listing .navigation–headline{
color: #000000;
}
}

 

Damit die Datei gefunden wird musst du in deinem Theme die Datei frontend/_public/src/less/all.less mit folgendem Code erstellen:

 

@import “_modules/listing”;

 

Dieser Weg ist auch deshalb besser, weil bei einem Update des gekauften Themes deine Änderungen nicht verloren gehen.

Mehr zu diesem Thema findest du in den Docs.

https://developers.shopware.com/theme-guide/

Liebe Grüße

Vielen Dank, hat so funktioniert :-) 

Grüße Fabian

https://www.jf-sportnahrung.de/