ok – now i tried to do it with a font file
i only uploaded that teams icon : font name is teams so i used:

function avia_add_custom_social_icon($icons) {
$icons['Teams'] = 'teams';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

function avia_add_custom_icon($icons) {
    $icons['teams']  = array( 'font' =>'teams', 'icon' => 'ue800' , 'display_name' => 'Teams Link');
    return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

see: https://enfold.webers-webdesign.de/3d-icons/#footer

ok – your mentioned code – your font is called fontello or do you use the existing : entypo-fontello font.
then your code is wrong with the name of the font

next : on docu there is an example code – using images instead of font icons . You will have the opportunity to have better social icon instead f.e:
from : https://iconduck.com/icons/185336/teams
( here with 40px icon – but adapt it to your needs )

#top .social_bookmarks li,
#top .social_bookmarks li a {
  width: 40px;
  height: 40px;
}

#top #wrap_all .av-social-link-teams a:before{
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url(/wp-content/uploads/teams.png) no-repeat center center;
    background-size: contain;
}

the link you can set in options on enfold
see: https://enfold.webers-webdesign.de/#footer

you can surround your “blocks” (h6 p and ul) in text-mode by div with a custom class – f.e.: <div class=”no-column-break”></div>

and then :

.no-column-break {
  break-inside: avoid-column;
}

<div class="no-column-break">
<h6>Hvilke fordele har WooCommerce ift. at oprette en webshop?</h6>
WooCommerce er en fleksibel og brugervenlig e-handelsplatform, der integreres sømløst med WordPress. Nogle af de primære fordele inkluderer:

Brugervenlighed: Let at installere og opsætte, selv for brugere uden tekniske færdigheder.
<ul>
 	<li>Tilpasning: Et stort udvalg af temaer og plugins giver mulighed for at tilpasse webshoppen til dit brand og design.</li>
 	<li>Produktstyring: Nem håndtering af produkter, kategorier, lagerbeholdning og priser.</li>
 	<li>Sikkerhed: Regelmæssige opdateringer sikrer en pålidelig og sikker webshop oplevelse.</li>
 	<li>Stor fællesskabsstøtte: En aktiv brugerbase og et stort udvikler fællesskab tilbyder support og ressourcer.</li>
</ul>
</div>
<div class="no-column-break">
<h6>Hvordan adskiller WooCommerce sig fra andre e-handelsplatforme?</h6>
WooCommerce skiller sig ud på flere måder:
<ul>
 	<li>WordPress-integration: Det er en integreret løsning til WordPress, hvilket gør det nemt at tilføje e-handelsfunktionalitet til en eksisterende WordPress-hjemmeside.</li>
 	<li>Skalerbarhed: Det er velegnet til både små og store webshops, da det tilbyder en bred vifte af udvidelser og tilpasningsmuligheder.</li>
 	<li>Åben kildekode: Det er baseret på åben kildekode, hvilket betyder, at det er gratis at bruge og muligt at tilpasse efter behov.</li>
 	<li>Fleksibilitet: Det er let at tilføje og administrere produkter, integrere betalingsmetoder og udvide funktionaliteten via plugins.</li>
</ul>
</div>
<div class="no-column-break">
<h6>Hvordan hjælper WooCommerce med at gøre styringen af en webshop nemmere?</h6>
WooCommerce er designet med brugervenlighed i tankerne:
<ul>
 	<li>Intuitivt kontrolpanel: Et brugervenligt kontrolpanel giver let adgang til produkter, ordre, lager og andre indstillinger.</li>
 	<li>Responsivt design: Webshoppen vises pænt på både computere og mobile enheder, hvilket er afgørende for en god brugeroplevelse.</li>
 	<li>Indbygget betalingsintegration: Muligheden for at integrere populære betalingsgateways gør det nemt at håndtere transaktioner.</li>
</ul>
</div>
<div class="no-column-break">
<h6>Hvilke udvidelser er tilgængelige for WooCommerce?</h6>
WooCommerce har et bredt udvalg af udvidelser og plugins:
<ul>
 	<li>Betalingsgateways: Tilføj forskellige betalingsmuligheder, såsom QuickPay, Bambora, PayPal, Stripe og mange flere!
Forsendelsesmetoder: Integrer med forskellige forsendelsesudbydere for at tilbyde forskellige leveringsmuligheder til dine kunder.</li>
 	<li>Produktanmeldelser: Lad kunderne give anmeldelser, hvilket øger troværdigheden og tilliden til dine produkter.
Salgsovervågning: Få indblik i salgsstatistikker og kundeaktivitet for at optimere din webshop.</li>
 	<li>Hos ICONIQ bygger vi også moduler Gutenberg som er kompatible med WooCommerce, samt integrerer de fleste systemer du arbejder med.</li>
 	<li>Hvorfor er WordPress et ideelt valg til at drive en webshop gennem WooCommerce?</li>
</ul>
</div>
<div class="no-column-break">
<h6>WordPress er en af de mest populære CMS-platforme med mange fordele:</h6>
<ul>
 	<li>Brugervenlighed: Nem at bruge og administrere indhold, selv for dem uden tekniske færdigheder.</li>
 	<li>Stor fællesskabsstøtte: En stor og aktiv brugerbase giver let adgang til support og ressourcer.</li>
 	<li>SEO-venlighed: WordPress er godt optimeret til søgemaskiner, hvilket hjælper med at forbedre webshoppenes synlighed online.</li>
 	<li>Skalerbarhed: Det er velegnet til både små og store webshops, da det tilbyder en bred vifte af udvidelser og tilpasningsmuligheder.</li>
</ul>
</div>
<div class="no-column-break">
<h6>Gutenberg’s fordele for WooCommerce webshop:</h6>
Gutenberg gør det lettere for webshop-ejere, at skabe en imponerende og kraftfuld webshop oplevelse uden at skulle ty til kompleks kodning. Med Gutenberg’s blokredigeringsfunktion kan du tage din WooCommerce webshop til næste niveau med visuel kontrol og kreativ frihed over dit indhold.

Du får bl.a. følgende funktioner:
<ul>
 	<li>Visuel redigering: Se ændringer i realtid.</li>
 	<li>Mere kontrol over layout: Nem organisation af indhold.</li>
 	<li>Nem integration af indhold: Integrer WooCommerce produkter på flere måder med Gutenberg.</li>
 	<li>Fremtidssikret: Fokus på kontinuerlige forbedringer og fokus på performance, uden du skal gøre noget.</li>
 	<li>Mindre kodeafhængighed: Reducer behovet for kompleks kodning.</li>
 	<li>Forbedret brugeroplevelse: Enkel og intuitiv brugergrænseflade.</li>
 	<li>Hastigheden i top: Gutenberg sikre den bedste performance og dermed en bedre brugeroplevelse.</li>
</ul>
ICONIQ bygger integrationen mellem Gutenberg og WooCommerce og skræddersyr setuppet, så det passer til dit brand og udtryk.

</div>

see: https://enfold.webers-webdesign.de/benjamin/

Hello Enfold team,

i also have the same warning for my website since i updated to 5.6.4. Warning: Undefined array key “term_rel” in /customers/a/c/7/survivalrunvollenhove.nl/httpd.www/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.php on line 562
I have already overwrite the PHP file and also removed the file, but the problem keeps coming. I run PHP version 8.2

Can you help me with this problem

and did you see the link : https://enfold.webers-webdesign.de/multicolumn-text-block/

by the way – you can hamper floating of lists-items to the next text-column or breaking p-tags :
https://enfold.webers-webdesign.de/multicolumn-text-block/

in german tradition these stying mistakes are called “Hurenkind” and “Schusterjunge”

Hurenkind (whore child)
occasionally called son of a dog, around 1900 freak, since the 1980s sometimes widow. This is the name given to the last line of a paragraph when it is also the first of a new page or column. According to an old prejudice, “son of a dog” did not know who their father was – their origins were unclear. Impoverished, they begged on the streets. If the last line of a paragraph slips to the next page (or paragraph), when you turn to that page you don’t know what content that first line refers to. So the origin of the line at the top of the page was lost like that of a whore child.

Schusterjunge (cobbler’s boy)
sometimes also called orphan. This is the name given to a line of a new paragraph at the end of the page or column, which is continued on the following page. In the past, it was often the cobblers who took in orphan boys for apprenticeship. These cobbler boys had to leave the household at the end of the apprenticeship and did not know where they could go afterward for the entire apprenticeship. Cobbler workshops were on the lower floor of the building. If only the first line of a paragraph still hangs on the page, when you read that lone line you don’t know what will happen next. So the continuation of the line at the bottom of the page is uncertain, like the life of a cobbler’s boy.