It-pictogrammen kunnen een krachtige manier zijn om efficiënte ontwerpen te maken en de kostbare ruimte van de webpagina te besparen.
Hoewel ze qua code relatief eenvoudig hard te maken zijn, kan het, afgezien van het gebruik van het aangepaste HTML-blok, behoorlijk stressvol zijn om erachter te komen hoe je het op Elementor moet doen. Ervan uitgaande dat u geen geavanceerde ontwikkelaar bent, waarvoor deze tutorial is gemaakt, kunnen we het een beetje gemakkelijker voor u maken.
Na het voltooien van deze tutorial kun je een output krijgen die er ongeveer zo uitziet:
Keer nu terug naar je toetsenbord zodat we verder kunnen gaan met onze tutorial!
Stap 1: Maak eerst een sectie waar u de widget gaat plaatsen.
Stap 2: Voeg de gewenste kolom toe. In dit geval kies ik voor een structuur met één kolom.
Stap 3: Sleep in het linkerpaneel de pictogramwidget in de kolom .
Stap 4: U kunt het pictogram wijzigen wanneer u op de pictogrambibliotheek klikt en u kunt de gewenste weergave van de afbeelding kiezen: Standaard, Gestapeld en Ingelijst .
Stap 5: Om het pictogram te stylen, gaat u naar het tabblad Stijl en stelt u de gewenste grootte en kleur van het pictogram in .
Stap 6: Om ervoor te zorgen dat het pictogram als knop fungeert, gaat u terug naar het tabblad Inhoud en voegt u een link toe aan het pictogram .
En nu zijn we klaar!
0 Comments