M8trix
24. Oktober 2016 um 07:52
1
Wie bekomme ich die weißen Bereiche in einer anderen Farbe umgestellt?
Hintergrund Einkaufswelten http://fotocristal.de/
HG Artikel http://fotocristal.de/emotion/2/fantasy?c=8
BG Dropdown Menus http://fotocristal.de/account
BG Navigation links http://fotocristal.de/emotion/
BG Navigation rexhts http://fotocristal.de/blog/
BG Menu Service/Hilfge
BG Warenkorb
Für den haeder, footer und main-navigation habe ich folgende Anleitung benutzt: https://forum.shopware.com/discussion/41243/farbe-fuer-header-navileiste-footer-und-background-anpassen-fuer-newbies#latest
Geht es wie mit dem Content Bereich? Wenn ja wie heißen die Bereiche?
.content-main {
background:#5f6062 ;
.container {
background:transparent;
}
}
Mein Templet ist Responsive Theme mit Flat Style
Vielen dank für Eure Hilfe (bitte denkt bei euren antworten daran das ich nicht programmieren kann!!)
Claus
Du bist schon an den richtigen Stellen, der Rest ist Fleißarbeit und Tüftelei. Das wird Dir hier keiner abnehmen…
1 „Gefällt mir“
M8trix
24. Oktober 2016 um 18:53
3
aber woher bekomme ich die namen von den bereichen?
simkli
24. Oktober 2016 um 19:09
4
Das wichtigeste Tool hierbei: Die Chrome Dev Konsole ( alternativ auch FireBug o.ä.)
Besonders wichtig für dich: „Inspect and Edit Pages and Styles“
Viele Grüße
2 „Gefällt mir“
M8trix
24. Oktober 2016 um 20:14
5
also ich hab erst eine content-main–inner .less erstelt mit:
.content-main–inner {
background:#5f6062 ;
.container {
background:transparent;
}
}
und das dann der all.less hinzugefügt geht alerdings nicht.
laut chrome-devtools steht da im code
_
== $0
oder
_
== $0
wo und wie ändert man dort die hintergrundfarbe?
Du kannst die ganzen Bereiche im Inspector sehen. Kannst sie dann auch noch weiter aufklappen um den gesuchten Selektor zu finden. Manche Bereiche überlagern sich, darum musst Du schauen welcher tatsächlich für das was Du siehst zuständig ist.
1 „Gefällt mir“
M8trix
25. Oktober 2016 um 11:34
8
Danke für Eure hilfe
allerdings verstehe ich es nicht muss ich eine emotion.less erstellen?
es geht zb um den weißen Hintergund auf fotocristal.de direckt auf der Startseite ist ein Weißer hintergrund in der Eikaufwelt
im code steht
lg claus
An der Hauptmenüleiste bin ich auch gerade dran. Inspektor sagt .js–menu-scroller und menu-scroller.less und main-navigation.less.
Ist es so schwer nur die Farben für link und hoover ander zu machen ohne das es den Rest beeinflußt?
Habe in der main.navigation.less
.navigation-main .navigation–list { color: #FCC876 ;}
.navigation-main .navigation–link {
color: #FCC876 ;}
eingetragen. Reagiert aber nicht und zeigt nur die Farben die im Templatemanager definiert sind. Auch im menu-scroller.less passiert nix.
Kann ich das vielleicht einfach im Template erzwingen?