Centrage et connexion (Créer un compte)

  • WordPress :5.2
  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #2288405
    Edelweis
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : Illustratr
    • Extensions en place :
    • Nom de l’hébergeur : o2switch
    • Adresse du site : http://www.socovici.com

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

    Il y en a deux, mais avant tout sachez que j’ai pour habitude d’utiliser Brakets et Filezilla et non de passer par l’interface pour tout ce qui concerne le design de mon site internet. J’ai eu l’habitude de tout coder manuellement et j’aime bien.

    Le premier problème se situe au niveau du footer que je ne parviens pas à centrer correctement. j’ai essayer de le modifier dans le fichier CSS du thème utilisé, et sur la page footer.php du thème. J’ai tenté tellement de combinaisons que je serais incapable de vous els lister.

    Voici la configuration de ces deux fichiers respectifs :

    /* Footer */
    .site-footer {
    padding-top: 20px;
    background: #f1f2f3;
    color: #b1b2b3;
    font-size: 0.73em;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: -40px;
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    }
    @media screen and (max-width: 767px) {
    .site-footer {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    }
    }
    .site-footer a,
    .site-footer a:visited {
    color: inherit;
    text-decoration: none;
    }
    .site-footer a:hover, .site-footer a:focus, .site-footer a:active {
    color: #7f8d8c;
    }

    .site-info {
    float: left;
    padding-bottom: 20px;
    width: 50%;
    line-height: 40px;
    }
    Style.css

    Evidement j’ai essayé en retirant les « float:left; » et en tentant des « text-align: center; »

    </div><!-- #content -->
    <footer id="colophon" class="site-footer" role="contentinfo" align="center">
    <div class="footer-area clear">
    <?php
    if ( has_nav_menu( 'social' ) ) {
    wp_nav_menu( array(
    'theme_location' => 'social',
    'container_class' => 'menu-social',
    'menu_class' => 'clear',
    'link_before' => '<span class="screen-reader-text">',
    'link_after' => '</span>',
    'depth' => 1,
    ) );
    }
    ?>
    <div class="site-info">
    <?php printf( __( 'Sophie Herscovici' ) ); ?>
    <?php printf( __( 'Copyright © 2018' ) ); ?>
    <span class="sep"> - </span>
    <?php printf( __( 'Tous droits réservés' ) ); ?>
    <br/>
    <?php printf( __( 'Suivez-moi sur Facebook ! ' ) ); ?>
    <a href="https://www.facebook.com/Socovici" target="_blank">
    <img src= "http://socovici.com/wp-content/uploads/2019/12/Facebook.png" alt="Facebook" width="20" height="20"/>
    </a>
    </div><!-- .site-info -->
    </div><!-- .footer-area -->
    </footer><!-- #colophon -->
    </div><!-- #page -->
    footer.php

    Mon second problème est de retirer ou au moins de passer sur fond blanc le triangle de connexion.

    L’inspecteur des élément me dit qu’il s’agit de l’élément « widgets-trigger », mais même en le retirant complètement de la page CSS rien ne bouge.

    Sauriez-vous m’aider sur ces deux points problèmes SVP ?

    Merci d’avance 🙂

    #2288415
    PhiLyon
    Modérateur
    Maître WordPress
    28264 contributions

    Bonjour.

    Pour centrer le footer essaie ce code

    .site-info {
    float: none;
    margin: 0 auto;
    text-align: center;
    }

    Pour le triangle, ce n’est pas pour la connexion, c’est simplement pour ouvrir la zone de widgets, cliques dessus et tu verras, tu as un widget « Recherche » et un widget « Meta » dans ton cas.

    🙂

    • Cette réponse a été modifiée le il y a 4 années et 4 mois par PhiLyon.
    #2288421
    Edelweis
    Participant
    Initié WordPress
    6 contributions

    Ça c’est du rapide !

    Merci beaucoup, je vais voir comment retirer les widgets du coup. Ça doit être moins compliqué. 😉

    #2288428
    mathieu42
    Participant
    Maître WordPress
    2010 contributions

    petite remarque si vous avez déjà l’habitude d’utiliser un éditeur, vous pouvez continuer de l’utiliser et transférer les fichiers en passant par FTP.

    #2288431
    PhiLyon
    Modérateur
    Maître WordPress
    28264 contributions

    En fait, ni l’utilisation de l’éditeur, ni le transfert ne sont à conseiller, ce code est à coller dans Apparence/Peronnaliser/CSS addditionnel, ou mieux dans le style.css d’un thème enfant.

    🙂

    #2288433
    Edelweis
    Participant
    Initié WordPress
    6 contributions

    Le code ne fonctionne pas hélas.

    Il y avait déjà le float:none et text-align:center, mais malgré les marges ça ne centre pas, et si je retire mon align= »center » du php, c’est pire.
    En revanche, super pour le triangle moche du widget, je ne l’ai plus !
    Oula, il faut que je me renseigne sur cette histoire de thème enfant alors.

     

    Merci beaucoup, vous êtes extras !

    #2288637
    Edelweis
    Participant
    Initié WordPress
    6 contributions

    Les deux solutions additionnées le code + le fait de coder sur l’interface fonctionnent à merveille.
    C’est génial ! Merci beaucoup !

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