Modifier la taille de l’image d’en-tête du thème Radiate (Créer un compte)

  • WordPress :4.6.1
  • Statut : non résolu
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #1603498
    Pierre
    Participant
    Initié WordPress
    8 contributions

    Bonjour à tous,

    Ma configuration WP actuelle : WordPress 4.6.1

    • Version de PHP/MySQL : 5.6
    • Thème utilisé : Radiate
    • Extensions en place : WP Maintenance
    • Nom de l’hébergeur : OVH

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

    Je voudrais modifier la taille de l’image d’en-tête du thème, par défaut la largeur maximum de l’image est de 1600 px, si la résolution de l’écran (en largeur) est supérieur à cette valeur l’image est automatiquement répétée. Je voudrais avoir une seul image qui occupe toute la largeur de l’écran (non répétée), qui s’adapte aux résolution supérieur à 1600px (le thème est responsive).

    Pouvez-vous m’aider S.V.P ?

    Merci, d’avance pour vos réponses.

    Pierre

     

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

    Il faut appliquer un règle CSS au comportement de l’image en “background”, ici l’attribut est “background-size”.

    Les règles CSS de ce qui te préoccupe sont les suivantes :

    #parallax-bg {
      background-attachment: scroll;
      background-image: url("http://demo.themegrill.com/radiate/wp-content/themes/radiate/images/header/header-image-one.jpg");
      background-position: center top;
      background-repeat: repeat-x;
    }

    Si tu as une fonction “Customs CSS” dans ton administration du thème il te faut ajouter cette règle :

    #parallax-bg {
      background-repeat: no-repeat;
      background-size: cover;
    }

    Ici tu pourrais utiliser aussi la valeur 100% pour background-size mais en responsif ton image sera trop courte en hauteur.

    Utiliser “cover” étire l’image dans ton le conteneur au ratio de l’écran, il est souhaitable de prendre des images plus rectangulaires et moins panoramiques, quelque chose comme 1200/1500 de large par 900/1000 de haut, et de bien les compresser sur une service en ligne genre compressor.io.

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