modification footer (Créer un compte)

  • Statut : non résolu
13 sujets de 1 à 13 (sur un total de 13)
  • Auteur
    Messages
  • #559486
    chtiherisson
    Participant
    Initié WordPress
    13 contributions

    Bonjour,
    Ma configuration WP actuelle :

    – Version de WordPress : 4.4.2
    – Version de PHP/MySQL : 5.6.15 / 5.5.46
    – Thème utilisé : WP FanZone
    – Thème URI : http://hostmarks.com/fanzone-theme/
    – Extensions en place : Contact Form 7 (4.3.1), Forum_wordpress_fr (4.0), One-Click Child Theme (1.6)
    – Adresse du site : http://ifmarfrance2017.com
    – Nom de l’hébergeur : 1&1

    bonjour,
    je viens de modifier le footer, pour y déposé des logos.
    j’aimerai qu’il soit centrer et que chaque image soit espacée de quelque pixels.
    et dans un deuxième temps est-il possible de les mettre dans la partie verte en lieu et place de « @ifmar-france2017 »

    voici le code
    «  /**
    * The template for displaying the footer.
    *
    * Contains the closing of the #content div and all content after
    *
    * @package WP FanZone
    */
    ?>









    merci

    #1043282
    GTi
    Participant
    Chevalier WordPress
    194 contributions

    Bonjour
    Pour aligner tes images il faut aller dans le fichier style.css
    Tu fais clique droit sur ton footer puis examiner l’élément pour avoir le code a modifier et tu ajoute align:center;

    #1043283
    Olivier C
    Participant
    Chevalier WordPress
    429 contributions

    Bonjour,

    Le « deuxième temps » doit être la première chose à traiter. En effet les images n’ont pas été placées dans le footer mais après.
    Il faut trouver ces lignes :

    <div class="site-info">
    <div class="container">
    <div class="row">
    <div class="col-md-12">
    <!-- images à placer ici -->
    </div>
    </div>
    </div>
    </div>

    On verra après pour la suite…

    #1043284
    Anonyme
    Inactif
    Padawan WordPress
    90 contributions

    ok j’ai placé comme tu dis elles sont dans le « footer » en vert.
    maintenant sans vouloir trop te demander les centrer et espacées de quelques pixel.
    merci

    #1043285
    Olivier C
    Participant
    Chevalier WordPress
    429 contributions

    Difficile pour l’instant car on a des éléments html d’une part (les images) et un node text (« © IFMAR-France2017 »). il faut placer ce dernier dans un span avec – cerise sur le gateau – une class :

    <span class="copyright">© IFMAR-France2017</span>

    Ce sera plus simple pour la suite…

    #1043286
    Anonyme
    Inactif
    Padawan WordPress
    90 contributions

    ok mais j’en veux pas du »© IFMAR-France2017″
    si cela peux te simplifier la vie …

    #1043287
    Olivier C
    Participant
    Chevalier WordPress
    429 contributions

    Alors dans ce cas :

    .container .row > *{
    display: flex;
    align-items: center;
    justify-content: space-between;
    }

    J’ai testé directement sur la page de ton site, ça marche.

    #1043288
    Anonyme
    Inactif
    Padawan WordPress
    90 contributions

    Désolé mais j’ai mis les lignes dans le style.css, dans la partie footer, mais rien ne ce passe.
    je crois que je me suis trompé dans la pose du script

    #1043289
    Olivier C
    Participant
    Chevalier WordPress
    429 contributions

    Mettre le code dans la partie « 4.0 Footer » de « style.css », devrait être ok pourtant…

    Testez à la fin de la feuille de style principale, cela devrait convenir. Sinon sinon c’est lié à un problème qui n’a aucun rapport avec le code proposé.

    #1043290
    Anonyme
    Inactif
    Padawan WordPress
    90 contributions


    Merci, en effet j’avais fais les modifs depuis ma tablette et on ne voyait rien.
    En regardant depuis l’ordi c’est ok.
    Merci Olivier C

    #1043291
    Olivier C
    Participant
    Chevalier WordPress
    429 contributions
    chti’herisson wrote:

    À ceci prêt que ça ne prend pas en compte le responsive… Mettez le code proposé dans une média queries, et se sera parfait sur smartphone :

    @media screen and (min-width: 768px) {
    /* le code proposé */
    }

    #1043292
    Anonyme
    Inactif
    Padawan WordPress
    90 contributions

    Si j’ai bien compris j’ai mis cela en fin du média Quercy

    @media screen and (min-width: 768px) {
    .container .row > *{
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    }

    #1043293
    Olivier C
    Participant
    Chevalier WordPress
    429 contributions

    Voilà.

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