Kann jemand bitte meinen Code hier erweitern, damit der Text (vertikal) mittig zum Icon ist?
Ich möchte für meinen Shop den Text "Kostenloser Versand" (vertikal) mittig setzen zum Icon, weil das schöner aussieht, nicht so wie es jetzt ist!
Es geht um Zeile 607-612
Ein klitze kleines bisschen mehr Abstand zwischen Zeile "Kostenloser versand" und Mengenauswahl wäre auch TOP.
Danke sehr! :)
Ergänze bitte den Code als Text.
<!-- Von Abraham geschrieben -->
<div class="shipping-icon-text">
<i class="material-icons">local_shipping</i>
<span>Kostenloser Versand!</span>
</div>
<!-- Ende Abrahams Code-->
Dafür müsste man mal die ganze Seite sehen, könntest du bitte einen Link posten?
shimoza.de
1 Antwort
Du musst nur noch etwas eigenes CSS einsetzen, dann sollte dein Code funktionieren:
.shipping-icon-text {
display: flex;
align-items: center;
}
Natürlich sollst du das nicht ins HTML, sondern ins CSS einbauen. Mit HTML soll man nur die Struktur festlegen, mit CSS das Design...
Wo muss ich den CSS Code dann einfügen?
Es hat funktioniert! Danke sehr @guteantwort626
guteantwort626 Kannst du mir bitte sagen, was ich bei meinem HTML Code ergänzen muss, damit etwas mehr Platz zwischen der Zeile wo das Icon mit Text ist und der "In den Warenkorb" Button ist?
Okay, aber das ist doch CSS. Das kann ich in meinem Code doch nicht einbauen, sonst mische ich doch CSS und HTML miteinander und dann geht gar nichts mehr