fleche_retour_haut_divi

Comment personnaliser la couleur de la flèche « retour vers le haut » dans Divi ?

Marlène

9 mai 2020

Aujourd’hui, nous allons voir comment personnaliser la flèche retour vers le haut dans Divi. Lorsque vous avez de longues pages web, il peut être pertinent d’y insérer un retour vers le haut afin que vos visiteurs puissent revenir en début de page rapidement. Pour cela, le thème Divi intègre nativement une flèche retour vers le haut.

Afin de l’activer, rendez-vous dans le Dashboard, Divi > Options du thème puis « Bouton retour en haut de page » dans la version française, « back to top button » dans la version anglaise.

capture retour haut

Une fois activé, une petite flèche grise apparaît au défilement de vos pages.

Modifier la couleur de la flèche retour vers le haut

Pour personnaliser ce retour vers le haut, rien de plus simple. Un petit bout de code CSS à intégrer et le tour est joué.

Rendez-vous dans le dashboard > Options du thème > Personnaliser CSS

Puis intégrer le code CSS suivant en y ajoutant la couleur souhaitée.

.et_pb_scroll_top.et-pb-icon {
	background-color: #C3505D;
}

Après avoir personalisé la flèche retour vers le haut permettant de revenir en haut des pages automatiquement, n’hésitez-pas à découvrir les autres astuces Divi afin d’avoir un site aux couleurs de votre charte graphique ! Josh Hall donne également des idées de personnalisation plus avancées dans cette vidéo.

dégradé noir gris