Ich möchte über CSS Icon vor Telefon und Mail Links setzen.
Nun habe ich das problem, dass das Icon entweder vor und nicht zentriert vor dem Text liegt bzw. den Anfang des Textes überschreibt.
Code:
a[href^="tel:"]::before{
position:inherit;
content:url(/wp-content/uploads/2022/05/telefon.webp);
background-repeat: no-repeat;
height:1%;
width:12%
}
a[href^="mailto:"]::before {
position:absolute;
background-image: url(/wp-content/uploads/2022/05/mail.webp);
content:'';
background-repeat: no-repeat;
height:15%;
width:12%;
}
Die Seite, für die ich Hilfe brauche:
https://turnverein-oberrotweil.com/wir-ueber-uns/