Retour à la ligne (Créer un compte)

  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #518421
    chrissand
    Participant
    Initié WordPress
    36 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

    #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%;
    }

    #871557
    chrissand
    Participant
    Initié WordPress
    36 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

    #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 !

    #871559
    chrissand
    Participant
    Initié WordPress
    36 contributions

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

    #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%;
    }

    #871561
    chrissand
    Participant
    Initié WordPress
    36 contributions

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

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

    #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.

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