Hi,
falls jemand die Pro/Kontra-Liste durch andere Icons etwas aufpoppen will, hab ich hier eine Vorlage:
Alt:
NEU:
Das geht ganz einfach!
Einfach diesen CSS-Code in das Child Theme/Theme Customizer einfügen:
CSS
/*Affiliate Toolkit pro/contra list item different icon*/
.atkp-contra, .atkp-pro {
margin: 0 0 0em 0.5em!important;
list-style: none;
}
.atkp-pro li, .atkp-contra li{
padding: 0 0 0 24px;
background-repeat: no-repeat;
background-size: 1em;
margin: 0 0 5px 0;
}
.atkp-pro li{
background-image: url(https://deinewebsite.de/proIcon.svg);
background-position-y: 5px;
}
.atkp-contra li{
background-image: url(https://deinewebsite.de/kontraIcon.svg);
background-position-y: 4px;
color: #7a7a7a;
}
Display More
Die URL unter background-image: musst du aber durch dein eigenes Icon ersetzen. Je nach Größe des Icons müssen eventuell auch ein paar andere Werte ersetzt werden.
Ich empfehle, ein Icon im Vektorformat zu nutzen. Die Vorlage funktioniert übrigens sowohl mobil aus auch auf dem Desktop.
Hoffe das hilf manchen
LG
Alessio