Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] Comment faire pour que le texte soit "justifier"
  • Cette discussion a été créée à partir de commentaires séparés de : [EN COURS] Thème ELEGANT PRESS (liste modification possible).
  • Bonjour,

    je viens de migrer sur kiwi et j'en suis très satisfait.
    J'ai choisi le thème "élégent press" et j'ai pu, grâce au forum d'aide, aller
    dans le css et faire des modifications. J'ai changé la couleur de fond, mis un
    traducteur et un module supplémentaire dans la sidebar, j'ai modifié le lien en
    bas de page et j'ai refermé la date en cours dans l'historique...

    C'est mon premier commentaire dans le forum. mon blog est
    http://tono.over-blog.fr/

    Mehdi nous a montré comment réduire le nombre de caractère
    du résumé d'article de la page d' accueil. J'ai testé, ça fonctionne. Mais
    j'aimerais maintenant que le texte soit "justifier" et non sur le "côté gauche"...

    Catbaz propose de mette aussi le nombre de commentaire de
    l'article. De mon côté je pensais plutôt 
    mettre dans la sidebar  un module "dernier commentaire" avec le commentaire et un lien sur l'article...

    De plus Le slideshow en accueil se limite a 10 articles. J'aimerais augmenter ce nombre, mais Le mieux serait qu'il s'adapte en fonction de la page affiché...

    Merci beaucoup pour votre support.

  • bonsoir,

    cherche avec ctrl F (#home_featured2 p )

    #home_featured2 p {
        color#3D5656;
        font-weightbold;
        margin-bottom0;
        margin-left0;
        margin-right0;
        margin-top0;
        padding-bottom0;
        padding-left10px;
        padding-right10px;
        padding-top0;
        text-align: center;

    Tu remplace center par justify

    sur mon blog test c'est centré: http://mehditest2.overblog.com/


    au passage sur ces lignes de code tu peux mettre bold ou normal pour le style de la police de caractère.

    Tu peux modifier la couleur qui est #3D5656; pour moi ou ajouter une autre ligne de css pour adapter a ton goût.
  • Bonjour et bienvenue,
    afin de ne pas remettre l'adresse du blog dans chaque message, indique l'adresse dans le rectangle blanc (au-dessus de "partager"), après avoir cliqué sur ce lien

    Dans le css, avant la balise </style> 
    tu colles ceci (pour que le texte des résumés soit justifié) (ce qui te permet de retrouver plus facilement tes modifications)
    .entry {text-align:justify;}

    Pour le module dernier commentaire, cela fait l'objet d'une suggestion que tu peux soutenir

  • je viens de regarder dans mon html...vers la ligne 1327 j'ai:

     #home_featured2 p {
                    margin:0;
                    padding:0 10px;
                    text-align:center;
                     font-weight:bold;
                    color:#3D5656
                 
                }

    pour te repérer, en dessous j'ai:

         #home_featured2 p strong {
                    display:block;
                    margin-bottom:10px;
                    font-size:22px;
                    font-weight:400;
                    color:#fff;
                    background-color:#000
                }

                #container {
                    width:800px;
                    height: 350px;
                    position:relative;
                    border-top:5px solid #999;
                    border-bottom:5px solid #999;
                    margin:0 auto
                }
  • Merci Mehdi et Kinou de votre réactivité et soutient,
    vos propositions fonctionnent.
    je commence à m'amuser avec et je me rend compte qu'il faut dans ce cas faire la même modification dans le résumé du slideshow (justifier mon texte et changer le format).
    j'essaye de trouver la zone correspondante dans le css mais je ne m'y retrouve pas...

    le css n'est pas si compliqué, je trouve juste que ça manque franchement de commentaires pour que les débutants s'y retrouvent...

    encore merci

  • Pour le texte du slide
    .m-slides {text-align:justify;}

    tu peux regrouper les deux
    .entry, .m-slides {text-align:justify;}

  • Génial ça fonctionne très bien.
    j'ai rajouté également le bas de page en rajoutant .footer
    Merci beaucoup