2017-08-10 3 views
0

Le thème du casper est génial. Mais j'aimerais faire quelques ajustements.Comment corriger la position de l'en-tête de publication dans le thème Ghost casper?

La mise en page HTML et la supercherie css ne sont pas quelque chose que je fais. Alors on y va ...

Je voudrais corriger la position de l'en-tête du site afin que le défilement des articles glisse nettement au-dessus.

Il suffit de changer le css pour la position: fixé sur la classe site-header fonctionne presque, en ce qu'il reste en place. Mais faire cela change la mise en page d'une manière plutôt moche. C'est-à-dire qu'il déplace l'en-tête du site vers la gauche et que tous les posts de la page principale passent au-dessus du titre, de sorte que lorsque vous chargez la page pour la première fois, vous ne pouvez pas la voir. Ceci est inattendu pour quelqu'un qui n'est pas très avertis au-delà des css très basiques.

Répondre

1

Je viens de mettre en place moi-même. Deux petites modifications sont nécessaires. Sur site-header, définissez un z-index (j'ai sélectionné 1000) et définir width: 100%. Ensuite, ajoutez une quantité appropriée de padding-top à site-main. La meilleure façon d'ajouter ce remplissage serait JS (vérifiez dynamiquement la hauteur extérieure de site-header) mais si vous êtes raisonnablement sûr que votre en-tête ne changera pas de taille, allez-y et inscrivez-le en dur.