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] Modifier le texte (taille, espacement) du module "à propos"
  • Bonjour,

    J'aimerais modifier la 2522ème ligne de code :

     <p class="BoxBiography-description" align="justify" >

    de façon à changer la taille et l'espacement du texte de la biographie.

    Merci.
  • Bonjour,

    je ne vois pas de module "a propos" sur ton blog

    il est ou?
  • Dans les articles, juste avant les onglets de partage.





  • Bonjour,

    Je viens de trouver :)

    ajoute cette ligne et adapte le font-size (taille de la police) et le "line-height" (espace entre les lignes)

    *, *::before, *::after
    {
        box-sizing: border-box;
        font-size: 15px;
        line-height: 20px;

    }
  • Mais du coup ça agit sur tout le blog, et pas seulement dans le module.
  • test avec seulement


    *::after {
  • C'est bien dans la partie "Reset" ?
  • les lignes de code sont  a insérer avant la dernière balise </style> ........de ton css kiwi....celle
    avant </HEAD> <BODY>


    ci dessous pour t'aider a visualiser ou se trouve cette balise </style>

    image

    ne tiens pas compte du numéro de ligne, il est spécifique à chaque blog.

  • J'ai essayé en ne mettant que

    *::after {
        box-sizing: border-box;
        font-size: 15px;
        line-height: 20px;

    }

    mais ça n'agit plus sur rien

  • J'ai trouvé.
    En fait ma première idée était la bonne, il faut modifier cette ligne :

    <p class="BoxBiography-description" align="justify" >

    et rajouter simplement

    style="font-size:30px"

    ça donne

    <p class="BoxBiography-description" style="font-size:30px" align="justify" >
     
    En tout cas, merci pour t'être cassé la tête avec moi !

  • Bonsoir

    merci, tu m'apprends une chose

    tu l'a trouver ou cette ligne? dans le code?
  • tu doit pouvoir sur le même principe ajouter un "line height:"

    cet intitulé définit l'espace entre les lignes quelque soit la taille de la police

    exemple:

       line-height: 20px;
  • Je réponds un peu en retard en ce moment car je suis tout seul sur le forum, kinou à dut partir en vacance... ;)

    et je ne suis pas webmaster non plus......lol
  • Y'a pas de soucis, c'est déjà sympa de chercher.

    Tout dépend de ce qu'on appelle "code", moi je sais pas trop.
    C'est dans la deuxième partie, y'a un paragraphe qui s'intitule "about me box" :

    <!-- About me box -->
                <div class="About">
                    <h3 class="Title Title--whithoutBackground">{{ Lang.Get('About me') }}</h3>
                    <div class="Box Box--biography BoxBiography"> 
                        {% if Blog.Owner.Avatar is not empty %}
                        <a class="fancybox ob-media ob-img avatar BoxBiography-avatar" title="{{ Blog.Owner.Nickname }}" href="{{ Blog.Owner.Avatar }}">
                            <img src="{{ Blog.Owner.Avatar | resize(70, 70) | crop }}" alt="{{ Blog.Owner.Nickname }}" width="70" height="70" align="left" />
                        </a>
                        {% endif %}
                        <p class="BoxBiography-description" style="font-size:16px; line-height:180%" align="justify" > 
                            {{ Blog.Owner.Bio }}
                           
                        </p>
                        <div class="Clear"></div>
                    </div>
                </div>
                {% endif %}
  • bonsoir

    je comprends

    ici on est dans la partie "langage twig" du code

    pour l'espace entre les lignes par exemple, il est définit pour tout le blog mais tu peut modifier son pourcentage pour la class "description" par exemple