CSS

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>