Modifier l’apparence d’un bloc Visual Composer avec les CSS

Les CSS sont très puissants et on peut assez facilement leur demander tout ce que l’on veut.

Exemple :

Sur le site http://www.eglise.catholique.fr/ nous voulons enlever les dates des derniers articles, rendre l’espace gagné en largeur au titre et modifier les puces des titres de bloc pour mettre du vert au lieu du bleu.

Commençons par enlever les dates.

En fait nous allons plutôt demander au navigateur de ne pas les afficher.

on va ajouter à notre Custom CSS :

.wpb_wrapper .bloc-archive-content-list-simple .entry-date {
display: none;
}

Redonnons l’espace gagné au titre.

.wpb_wrapper .bloc-archive-content-list-simple .entry-title {
margin-left: 0;
}

Modifions la couleur des puces.

.wpb_wrapper .widgettitle:before, .wpb_heading:before {
background: green;
}

Si en dernier recours, vous ne parvenez pas à vous faire entendre par les CSS, vous pouvez ajouter l’important en fin d’instruction comme ceci :

.wpb_wrapper .widgettitle:before, .wpb_heading:before {
background: green !important;
}

Cette astuce est à utiliser si vraiment rien d’autre ne peut ajouter du poids à votre instruction. En effet, elle va forcer le navigateur à exécuter cette instruction. Cela peut provoquer des effets de bords dans d’autres cas.