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.
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.