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
Intégrer des icônes de réseaux sociaux dans le menu Divi
Par défaut, le thème Divi permet d’avoir vos icônes de réseaux sociaux dans le footer. Afin de les mettre plus en avant, comment les intégrer au menu ?
Comment donner un effet journal avec un texte en deux colonnes sur Divi ?
Grâce au CSS3, donnez un effet journal à une partie de texte sur Divi. Comment mettre en page un texte en deux colonnes pour optimiser un texte long ?
Comment insérer un bouton d’appel à l’action dans le menu Divi ?
Pour inciter vos visiteurs à faire une action, il peut être efficace d’insérer un item sous forme de bouton dans votre menu. Nous allons voir comment le mettre en place.
