Problème d’images d’en-tête

  • WordPress :4.9.4
  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2161106
    RmacK
    Participant
    Initié WordPress
    3 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : OceanWP (version 1.5.16)
    • Extensions en place :
    • Nom de l’hébergeur : LWS
    • Adresse du site : http://www.seaandhuman.org

    Problème(s) rencontré(s) :

    Bonjour à toutes et à tous,

    J’ai un soucis avec mes images d’en-tête.  Le thème OceanWP permet de rendre des images d’en-tête de manière aléatoire.  J’ai donc téléversé 6 images afin que l’en-tête change régulièrement.  La résolution de mes images est de 1920 x 525.

    Les images s’affichent, et de manière aléatoire.  Mais elles sont toutes « rognées ».  Les quelques « options » supplémentaires ne me permettent pas de résoudre le problème. (Je vous ai mis les options proposées en fichier joint)

    J’aimerais trouver une solution pour que l’ensemble de l’image soit visible.  J’ai eu beau chercher une solution, sans succès.

    J’ai donc besoin de votre aide, svp! 😉  Merci d’avance!

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2161127
    momofr@free.fr
    Modérateur
    Maître WordPress
    1650 contributions

    Salut, tu n’es pas le premier à poser cette question sur ces forums, tu peux jouer avec les marges internes haute/basse dans les réglages de l’entête ou utiliser une règle CSS pour donner la hauteur que tu souhaites avoir.

    #2161141
    RmacK
    Participant
    Initié WordPress
    3 contributions

    Merci déjà pour ta réponse.

    Toutefois, je ne vois pas où régler justement les marges internes haute/basse, ni même comment utiliser une règle CSS…  Un petit coup de main supplémentaire si c’est possible? 🙂 🙂 🙂

    #2161183
    momofr@free.fr
    Modérateur
    Maître WordPress
    1650 contributions

    Salut, le réglage des marges est dans la partie Entête du Customizer : Apparence -> Personnaliser -> Entête -> Général

    Tu as des exemples en pièces jointes.
    Note que tu l’icône du responsif sur ce réglages et que tu peux modifier ces marges pour les tablettes et smartphones.

    Tu peux appliquer cette règle CSS dans : Apparence -> Personnaliser -> CSS additionnelle

    #site-header {height: 500px;}

    Ici le Header fait 500 pixels de haut.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2161252
    RmacK
    Participant
    Initié WordPress
    3 contributions

    Merci pour ta réponse momo.

    Toutefois, cela ne fonctionne pas chez moi.  Si je veux modifier les « marges » supérieures et inférieures, c’est le menu personnalisé qui est touché.

    Et si j’ajoute une règle CSS, le menu traverse l’image…  (J’ai mis les 3 exemples en fichier joints.)

    Je suis vraiment perdu… :'( :'( :'(

    • Cette réponse a été modifiée le il y a 1 week et 3 days par  RmacK.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2161335
    momofr@free.fr
    Modérateur
    Maître WordPress
    1650 contributions

    Tout dépend du type d’entête que tu utilises, si tu veux un menu après le bandeau image sélectionne l’entête « Menu supérieur » et déclare le menu « Après le logo« , ensuite utilise cette règle pour la hauteur du bandeau image :

    .header-bottom {height:500px}

    Dans ce cas le logo sera en haut, dans tes exemples on ne voit pas de logo.

6 sujets de 1 à 6 (sur un total de 6)
  • Vous devez être connecté pour répondre à ce sujet.