Mit dem Google-Developer-Tool hat der Anwender die Möglichkeit das Frontend, die Html und die CSS gleichzeitig zu betrachten.
...
Der Multishop verwendet verschiedene CSS-Dateien.
Beispielsweise in der style.css ist das Standard-Design definiert.
Die layout.css kann vom Shop-Admin im Backend bearbeitet werden. Hier definierte Stylings „überschreiben“ das Standard-Design.
...
Der grundsätzliche Aufbau der Syntax ist immer gleich:
#footer {
Wie finde ich heraus, was ich ich in die CSS schreiben muss und wozu brauche ich
...
das Google-Developer-
...
Tool?
Mit einem Rechtsklick auf der Maus öffnet man ein Popup-Fenster.
In diesem Fenster hat man werden mehrere Optionen aufgezeigt, welche aus denen man wählen kann.
Die für Sie interessante Option ist "Untersuchen".
...
Diese Eigenschaft ist für die Veränderung der Hintergrundfarbe verantwortlich
.feature_panel {
- background-color: #2fa595;
- overflow: hidden;
- padding: 15px;
- margin: 10px 15px;
- display: block;
...