Lors de la refonte yatesdesign.com.au Je voulais ajouter cet effet de révélation de rideau au pied de page du site. C’est un effet amusant et relativement facile à faire. Faites défiler vers le bas de cette page pour jeter un coup d’œil.

L’effet se fait entièrement en CSS. En termes simples, placez le conteneur de pied de page de sorte qu’il s’attache au bas de la page avec un z-index de -1. Ensuite, vous devez définir la hauteur du conteneur de pied de page et définir une marge inférieure pour la zone de contenu principale qui correspond à cette hauteur. Cela devrait fonctionner sur la plupart des sites Divi en fonction de la configuration de votre pied de page.

Je l’ai? D’ACCORD! Passez au code. Vous pouvez ajouter ce code à un fichier CSS de votre choix ou l’ajouter à la section CSS personnalisé de Divi (que vous pouvez trouver dans Options du thème Divi> Onglet Général> CSS personnalisé.

J’ai commenté les morceaux de code qui pourraient nécessiter des modifications en fonction de la quantité et du style de contenu de votre pied de page.



Source link

Recent Posts