<div class="card-vanilla-cell"> - Hintergrundfarbe /-grafik ändern
Eingetragen von fhk1975 (4)am 28.12.2020 - 17:11 Uhr in
Kann ich bei diesem Code, die Hintergrundfarbe ändern oder eine neue Grafik im Hintergrund einsetzen?
- Anmelden oder Registrieren um Kommentare zu schreiben
Sicher. Du kannst jeder
am 29.12.2020 - 07:25 Uhr
Sicher. Du kannst jeder CSS-Klasse eine Hintwrgrundfarbe verpassen oder auch ein Hintergrundbild anhängen wenn es Sinn macht.
Da du diese Frage stellst, nehme ich an, dass du noch nicht Die Zeit hattest, dich mit Css zu beschäftigen.
Daher hier erst mal die Lösung zu deiner Feage:
Bei der Angabe class="card-vanilla-cell" handelt es sich um eine CSs-Klassendekkaration.
Deren Gegenstück in CSS sieht so aus.
.card-vanilla-cell
{
...
}
Die Deklaration zum anfügen einer Hintergrundfarbe z. B. ieht dann wie folgt aus:
.card-vanilla-cell
{
backgrond-color:#000000;
}
Ein Hintergrundbild fügst du ungefähr so an.
.card-vanilla-cell {height: -webkit-fill-available;
background-image: url("https://cdn.pixabay.com/photo/2015/09/09/19/56/office-932926_1280.jpg");
background-position: center;
}
Jetzt musst du nur noch einen Texteditor nehmen, mit dessen Hilfe du den Code deines Themes nach der CSS-Klassendeklaration durchsuchen kannst.
Ich selbst arbeite dafür ganz gern mit Atom von github. Den gibt es auf https://atom.io
Du kannst den CSS-Code auch zunächst in der Entwickletkonsole deines Browsers testen und direkt sehen, was deine Änderungen bewirken.
So jetzt hast du alle Informatione, die du brauchst um dein Problem zu lösen. Zum Schluss gibt es noch eine Buchempfehlung von mir:
https://www.rheinwerk-verlag.de/css-das-umfassende-handbuch
Viel Spass bei der selbstständigen Lösung deiner Frage. Wenn du es partout nicht hinbekommst, antwortete einfach hier.
Vielen Dank
am 29.12.2020 - 09:36 Uhr
Super, vielen Dank für die schnelle Hilfe - gehe dann mal an die Umsetzung ;-)