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>

Par ce formulaire :
Contactez-nous :
  • Par Mail :   

contact@cnl59.fr

  • Par voie postale :     

Confédération Nationale du Logement
Fédération du Nord
42/1 rue de Tournai
59000 Lille

  • Permanence téléphonique : 

03 20 07 09 58

Le lundi de 8h30 à 12h30
Les mardi et jeudi de 8h30 à 12h30 et de 13h30 à 16h00                            

Merci de ne pas encombrer nos lignes
et de respecter les horaires !

Dans un message vocal, nous vous demandons de nous laisser votre identité, vos coordonnées téléphoniques et votre mail, ainsi que l’objet de votre appel.
Si vous le souhaitez, vous pouvez déjà regrouper les informations et les différents documents, et nous les faire parvenir par mail ou par voie postale.

  • Entretiens en présentiel :

Uniquement sur rendez-vous.