Centrer des titres

Statut : non résolu

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

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

Auteur

Messages
4 avril 2013 à 13 h 28 min #522712

Miss_estrelita
Membre

Chevalier WordPress
149 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 3.5.1
– Version de PHP/MySQL : 5.0
– Thème utilisé : Thème enfant bizway
– Extensions en place : DP Maintenance Mode Lite, Formidable, TinyMCE Advanced, WP-DownloadManager, Startpress visitors.
– Nom de l’hebergeur : 1&1
– Nom du site : http://droitsetcompetences.com/

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

Je souhaiterai centrer certains titres sur ma page d’accueil : : il s’agit des titres simplement figurant en haut des 3 principales images de la page d’accueil du site (accès au droit…).

Merci avance pour votre aide.

4 avril 2013 à 14 h 15 min #887222

Guy
Participant

Maître WordPress
14817 contributions

Tu peux ajouter la propriété text-align au h1 de la classe main-content (c’est dans le fichier style.css)

.main-content h1 {
color: #2F2F2F;
text-align: center;
text-shadow: 0 0.5px 0 #D5D5D5;
}

4 avril 2013 à 14 h 16 min #887223

Lumiere de Lune
Participant

Maître WordPress
20531 contributions

Je me suis permis de remettre directement l’adresse de ton site, c’est un peu plus pratique pour tous ceux qui cherchent à t’aider, et vu l’aide importante que tu as reçue dans ce forum…

Pour centrer des titres, tu dois modifier les css.

Pour savoir lesquels, tu installes, si ce n’est pas déjà fait, firebug pour firefox, et en cliquant sur les éléments, tu vois que ce sont des h1, dans un div class= »page-item first-item view view-ninth »

Pour faire vite, ton sélecteur css va donc être

div.page-item first-item view view-ninth h1

Ensuite pour centrer, tu as deux façons de faire :
text-align:center;
ou margin:auto;

avec firefox pour firebug, toujours, tu cliques sur la partie droite de l’onglet, apparence, et tu vois une « boite » avec les valeurs de padding et de marge. Tu vois que la marge est à zéro, tu peux donc appliquer sans problème le « margin:auto; »

Tu rajoutes donc dans la feuille de style de ton thème enfant :

div.page-item first-item view view-ninth h1 {margin:auto;}

Voilà, tu as appris à centrer des éléments.

4 avril 2013 à 14 h 58 min #887224

Miss_estrelita
Membre

Chevalier WordPress
149 contributions

J’ai suivi les étapes que tu m’as donné mais malheureusement ça n’a pas fonctionné …

4 avril 2013 à 15 h 26 min #887225

Lumiere de Lune
Participant

Maître WordPress
20531 contributions

Je ne pense pas que tu aies suivi ces étapes car les éléments de css n’apparaissent pas dans
http://droitsetcompetences.com/wp-content/themes/Th%C3%A8me%20enfant/style.css

4 avril 2013 à 18 h 00 min #887226

Miss_estrelita
Membre

Chevalier WordPress
149 contributions

Je l’avais fait mais voyant que cela ne fonctionnait pas, j’avais remis le fichier css à son état initial.

Je viens de refaire l’ajout de la ligne dans le fichier css…
Auteur

Messages