Retour à la ligne

Statut : non résolu

Ce sujet contient 7 réponses, 2 participants et a été mis à jour pour la dernière fois par luciole135, le il y a 10 années et 11 mois.

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

Auteur

Messages
22 décembre 2012 à 23 h 31 min #518421

chrissand
Participant

Initié WordPress
31 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 3.4.2
– Version de PHP/MySQL :
– Thème utilisé :
– Extensions en place : All in one SEO…
– Nom de l’hebergeur : OVH
– Adresse du site : Cf ma signature

Problème(s) rencontré(s) :
Sur mes pages contenant des photos , j’arrive pas à mettre à la ligne mon titre en H2. Exemple sur la page http://www.chrissandvoyage.com/guadeloupe.php : Le titre « Visite de Saint Anne : J2 », je n’arrive pas à le mettre en retour à la ligne aligné à gauche.

Vous avez une solution? Car ça le fait aussi pour pas mal de titre H2 de cette page également…

Merci

22 décembre 2012 à 23 h 47 min #871556
luciole135
Participant

Maître WordPress
13714 contributions
Pour contraindre à un retour à la ligne sur mon site, j’insère en mode texte (anciennement HTML) le code suivant dans le texte de l’article, à l’endroit où je veux un retour à la ligne :
```
<p class="bloc-ligne"></p>
```
et j’ai ajouté dans le fichier style.css de mon thème enfant la règle suivante :
/* Oblige le passage à la ligne après des photos en créant un bloc de lignes */
```
.bloc-ligne { 
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-top: 24px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: auto;
	width: 100%;
}
```
23 décembre 2012 à 14 h 42 min #871557
chrissand
Participant

Initié WordPress
31 contributions
Je viens de tester en intégrant ce code mais cela ne change rien. Et lorsque je sauvegarde mon article, la ligne
```
<p class="bloc-ligne"></p>
```
disparait.

Je ne vois pas comment faire.

En résumé je mets ça :
```
beaucoup de débris de bouteilles de verre…</p>
<p class="bloc-ligne"></p>
<h2 style="text-align: justify">Visite de Saint Anne : J2</h2>
<p style="text-align: justify"><img class="alignright size-medium wp-image-2083" title="Plage de Saint Anne en Guadeloupe" src="http://www.chris
```
Et lorsque je sauvegarde ça donne ça:
```
beaucoup de débris de bouteilles de verre…</p>

<h2 style="text-align: justify">Visite de Saint Anne : J2</h2>
<p style="text-align: justify"><img class="alignright size-medium wp-image-2083" title="Plage de Saint Anne en Guadeloupe" src="http://www.chris
```
23 décembre 2012 à 15 h 12 min #871558

luciole135
Participant

Maître WordPress
13714 contributions

il faut éditer en mode HTML pour insérer de l’HTML, si vous faites en mode visuel, cela ne peut pas fonctionner !

23 décembre 2012 à 15 h 31 min #871559

chrissand
Participant

Initié WordPress
31 contributions

Oui je suis bien en mode HTML et cela ne change rien.

23 décembre 2012 à 15 h 36 min #871560
luciole135
Participant

Maître WordPress
13714 contributions
Vous avez ajouté la class correspondante dans le fichier style.css de votre thème enfant ?
```
.bloc-ligne { 
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-top: 24px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: auto;
    width: 100%;
}
```
24 décembre 2012 à 14 h 24 min #871561

chrissand
Participant

Initié WordPress
31 contributions

Non je n’ai pas touché à ce fichier style.css

J’aime pas trop modifier cela, j’ai toujours peur de tout foirer.

24 décembre 2012 à 14 h 51 min #871562

luciole135
Participant

Maître WordPress
13714 contributions

chrissand wrote:

Non je n’ai pas touché à ce fichier style.css

J’aime pas trop modifier cela, j’ai toujours peur de tout foirer.

Il suffit de faire un thème enfant comme indiqué ici :
http://wpchannel.com/creer-themes-enfants-child-themes-wordpress/
Puis de mettre cette seule règle dans le fichier style.css de votre thème enfant encodé en UTF8 sans BOM avec notepad++.

sans ajouter cette règle au CSS, l’ajout de la ligne que je vous ai indiqué n’aura aucun effet.
Auteur

Messages