[Résolu] Background image hors du conteneur invisible.

Suite à la migration du forum, chaque utilisateur devra lancer une procédure de réinitialisation du mot de passe pour pouvoir se connecter. Merci !

  • WordPress :4.7
  • Statut : résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #1637368

    Morlane
    Participant
    Initié WordPress
    21 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 5.6.10 / 5.0.11
    • Thème utilisé : Sydney
    • Extensions en place : page builder/Sydney Tools /widgets Bundle
    • Nom de l’hébergeur : MAMP
    • Adresse du site : localhost/wordpress

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

    Bonjour,

    Avec le page builder, j’ai construit 5 sections. Sur la Quatrième section je veux mettre une image en background à gauche hors du conteneur.

    Voici le code dans le css additionnel :

    #informations{
    display:flex;
    background-image:url(http://localhost/wordpress/wp-content/uploads/2017/05/sainteloiquatre.png);
    background-repeat:no-repeat;
    background-position:-40%;
    overflow:visible;
    }

    Le gros problème est que mon image ne se voit pas intégralement , on ne distingue que la main du personnage.

    Je veux mettre cette image en dehors  du conteneur pour remplir le fond blanc à droite  et rendre la page un peu plus dynamique.

    Pourquoi je n’arrive pas à voir l’image en entier ?

    Manque t il du code? une fonction?

    J’attends avec impatience votre réponse.

    Cdlt

    #1637372

    Webstage
    Participant
    Padawan WordPress
    56 contributions

    Bonjour,

    Tu utilises quel page builder ? Peux-tu mettre des screens pour qu’on puisse visualiser le problème ?

    Le problème peut venir de la ligne « background-position:-40%; », essaye de changer la valeur des -40% pour voir ce que ça donne.

     

    #1637381

    Morlane
    Participant
    Initié WordPress
    21 contributions

    Le fichier du screenshot est en p.j.

    Si je change la valeur du background-position, j’ai l’image sur le milieu de la page et si j’augmente le négatif l’image n’apparait plus.

    Merci pour ce retour aussi rapide.

    Bien cordialement Webstage.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1637385

    Webstage
    Participant
    Padawan WordPress
    56 contributions

    Je t’avoue que j’ai du mal à comprendre ton problème..

    Quelle est l’image qui te pose soucis ? Est ce que la dimension originale de l’image est bien paramétrée ? (le page builder pourrait la « rogner »)

    #1637396

    Morlane
    Participant
    Initié WordPress
    21 contributions

    La dimension originale de l’image est widht :347px height:1200px

    Ce qui correspond à la dimension de ma section. Mais cette image je veux la mettre complétement à gauche.

    Si je diminue les background position l’image est sur la section.

    C’est pas bon. Dans la p.j. vois-tu l’image en background qui chevauche la section ?

    Il faut que cette image soit à gauche dans le blanc.

    Merci d’avance Webstage.

    • Cette réponse a été modifiée le il y a 1 semaine et 1 jour par  Morlane.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1637407

    Webstage
    Participant
    Padawan WordPress
    56 contributions

    Si j’ai bien compris, tu veux que l’image (celle du dessin du vieux monsieur barbu) soit en background de la page ?

    Si c’est le cas, il ne faut pas insérer cette image en background de la section, mais en background de la page.En effet, si tu positionne cette image comme background de la section, il est normal qu’elle ne « déborde » pas de la section, c’est qui crée l’espace blanc à gauche de ta section.

    Ce réglage doit certainement se faire dans les réglages « Apparence > Personnaliser » via le tableau de bord.

    • Cette réponse a été modifiée le il y a 1 semaine et 1 jour par  Webstage.
    #1637423

    Morlane
    Participant
    Initié WordPress
    21 contributions

    Oui c’est bien cela. Je ne connais pas le code à insérer. Je commence l’appel par body? html?

    #1637428

    Webstage
    Participant
    Padawan WordPress
    56 contributions

    Si ton thème te le permet, il n’y a pas besoin de code ! Rends toi sur le tableau de bord WordPress, puis dans Apparence > Personnaliser. Il devrait y avoir un réglage du style « Image d’arrière-plan ». Par contre, par le biais de ce réglage, toutes les pages auront l’arrière-plan de cette image, je sais pas si c’est ce que tu souhaites :/

    #1637459

    Morlane
    Participant
    Initié WordPress
    21 contributions

    C’est ce que je suis entrain d’essayer. Finalement, l’image qui défile sur les cotés au scroll c’est sympathique.

    J’ai cherché la complication. Merci pour les conseils et d’avoir débloqué la situation.

    Cdlt

    #1637461

    Webstage
    Participant
    Padawan WordPress
    56 contributions

    Ravi d’avoir pu t’aider, n’hésite pas à passer le sujet en « Résolu » si tu n’as plus besoin d’informations 😉

    Bonne fin de journée à toi

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