- Statut : non résolu
- Ce sujet contient 12 réponses, 4 participants et a été mis à jour pour la dernière fois par
Olivier C, le il y a 9 années et 5 mois.
-
AuteurMessages
-
9 février 2016 à 11 h 04 min #559486
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&1bonjour,
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
*/
?>
merci9 février 2016 à 12 h 03 min #1043282Bonjour
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;9 février 2016 à 14 h 44 min #1043283Bonjour,
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…
9 février 2016 à 14 h 51 min #1043284Anonyme
InactifPadawan WordPress90 contributionsok 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.
merci9 février 2016 à 16 h 43 min #1043285Difficile 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…
9 février 2016 à 17 h 09 min #1043286Anonyme
InactifPadawan WordPress90 contributionsok mais j’en veux pas du »© IFMAR-France2017″
si cela peux te simplifier la vie …10 février 2016 à 16 h 06 min #1043287Alors 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.
10 février 2016 à 17 h 30 min #1043288Anonyme
InactifPadawan WordPress90 contributionsDé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 script11 février 2016 à 6 h 00 min #1043289Mettre 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é.
11 février 2016 à 8 h 17 min #1043290Anonyme
InactifPadawan WordPress90 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
✅12 février 2016 à 17 h 00 min #1043291chti’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é */
}12 février 2016 à 17 h 53 min #1043292Anonyme
InactifPadawan WordPress90 contributionsSi 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;
}
}12 février 2016 à 19 h 00 min #1043293Voilà.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.