Divi – Wie baue ich ein eigenes Warenkorb Icon ein? (WordPress & WooCommerce)

von | Dez. 16, 2024 | Allgemein | 0 Kommentare

Schlagwörter: DIVI - WooCommerce

Heute möchte ich euch zeigen wie ihr ein eigenes Warenkorb Icon einbauen könnt – ihr könnt entweder ein Icon aus dem Icon Font Set von Divi nehmen, oder ein Bild einbauen.

Video

Neues Icon aus Divi Font

Zuerst müsst ihr einfach mal ein Icon aussuchen, klickt dafür auf den nächsten Link und sucht euch die Nummer des gewünschten Icons heraus (Divi Icon Font)

1
2
3
.et_pb_menu__cart-button:after{
content: "\e030";
}

Neues Icon aus Bild

Ihr müsst jetzt natürlich ein Bild vorbereiten, am besten Quadratisch in der Grundform und mit einem durchsichtigen Hintergrund

1
2
3
4
5
6
7
8
.et_pb_menu__cart-button:after{
font-size: 0 !important;
background: url('pfad-zum-bild.png' no-repeat);
content: "";
height:30px;
width:30px;
background-size:cover;
}

0 Kommentare

Einen Kommentar abschicken

Du kannst auf Fediverse-Profile verlinken, indem du fl:@benutzername in deinem Kommentar eingibst.

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert