Centrage et connexion

WordPress :5.2
Statut : non résolu

Ce sujet contient 6 réponses, 3 participants et a été mis à jour pour la dernière fois par Edelweis, le il y a 5 années.

7 sujets de 1 à 7 (sur un total de 7)

Auteur

Messages
8 décembre 2019 à 20 h 00 min #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>
	<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>
		</div>
	</footer>
</div>
```
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 🙂
8 décembre 2019 à 20 h 30 min #2288415
PhiLyon
Modérateur

Maître WordPress
28260 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 5 années par PhiLyon.
8 décembre 2019 à 21 h 03 min #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é. 😉

8 décembre 2019 à 22 h 03 min #2288428

mathieu42
Participant

Maître WordPress
2027 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.

8 décembre 2019 à 22 h 17 min #2288431

PhiLyon
Modérateur

Maître WordPress
28260 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.

🙂

8 décembre 2019 à 23 h 29 min #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 !

9 décembre 2019 à 15 h 14 min #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 !
Auteur

Messages