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

Marlène

9 mai 2020

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.

Nos autres articles

Sep 06 2021

Interview d’Anne-Gaël : motion designer

Aujourd’hui, on rencontre Anne-Gaël, qui va nous expliquer son métier, son parcours et sa vision du motion design.
Juil 06 2021

Comment ajuster la taille du menu Divi sur tablette ?

Dans ce tutoriel, nous verrons comment réduire la police du menu de Divi sur des largeurs d’écran spécifiques afin que l’en-tête ne soit pas sur deux...
Jan 05 2021

Comment installer Google Analytics sur votre site Divi ?

Dans ce tutoriel, nous allons voir comment installer Google Analytics sur votre site construit avec le thème Divi, sans l’aide d’un plugin.