Exemple de formatage de texte en css avec Elementor
Explications
J’ai deux blocs de textes à formater différemment.
J’ajoute un bloc html qui ne sera pas visible sur la page. Je déclare que je vais utiliser du code CSS : <style type= »text/css »>
On ouvre la balise par « <style »
Le type est text et css.
On appelle le premier texte à modifier : .intro
On ouvre et on ferme le bloc d’instructions par { et }
On écrit les instructions en les séparant par ;
Dans l’exemple on renseigne la couleur du texte par « color »
et les marges par « margin » avec « left, right, top ou bottom ».
On appelle ensuite le deuxième texte à modifier : .défault
On renseigne les instructions de la même manière.
Deux textes à formater en css
Texte 1
class : .intro
Texte 2
class : .default
CSS complet dans le bloc html
<style type= »text/css »>
.intro {
color: #f24!important;
margin-left: 15px;
margin-top:15px;
margin-bottom: 10px;
margin-right: 5px;
}
.default {
font-size: 20px;
margin-left: 25px;
}
</style>
