Apparence colonne derniers sujets - mode fixe - ModernBB

[Gargawel]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : au passage en modenBB

Description du problème

Bonjour à tous,
je suis passé avec grand plaisir en moderneBB mais la colonne dernier sujet est horrible en mode fixe (pas de marge, police trop grosse...-). Alors qu'en mode défilant aucun problème, mais je préfère le mode fixe.

J'ai lu qu'un autre membre avait rencontré ce problème : https://forum.forumactif.com/t390985-module-derniers-sujets-avec-modern-bb
Alors j'ai tenté la même chose mais cela ne fonctionne pas chez moi.

J'ai bien trouvé ça dans le CSS de base, mais impossible d'obtenir quoi que ce soit, même en publiant un autre CSS :

Code:

.mod-recent-row + .mod-recent-row {
   border-color: rgba(0, 0, 0, 0.1);
   border-style: solid;
   border-width: 1px 0 0;
   margin-top: 6px;
   padding-top: 3px;
    }
.mod-recent-title {
   font-size: 1.6rem;
    }
.mod-recent-info {
   clear: both;
   display: block;
    }
.mod-recent-author {
   margin-left: 9px;
    }

Si l'un de vous peut m'aider ce serait super sympa !

[◦Jay◦]

Bonjour Gargawel, si vous souhaitez changer la taille des titres :

Code:

.module .mod-recent-title{font-size:1.0rem }

Si vous souhaitez changer les informations date/heure/pseudo :

Code:

.module .mod-recent-row{font-size:1.0rem }

Vous pouvez choisir la taille en augmentant ou diminuant "1.0rem".

Bien à vous.

[Gargawel]

Merci beaucoup,

Et si je souhaite ajouter un espace entre les sujets ?

J'ai essayé du "padding-top:" ou du "martin-top:" mais cela ne marche pas. J'me sens con là.

[◦Jay◦]

Je n'ai pas de solution pour séparer chaque titre mais vous pouvez séparer chaque ligne comme ceci :

Code:

.module .mod-recent-row{ line-height:20px; }


Vous pouvez modifier la taille "20px"

[Gargawel]

Cela ne fonctionne pas malheureusement.

Je m'arrache les cheveux depuis des heures sans comprendre pourquoi ce que je code habituellement en CSS ne marche pas ici.

[Gargawel]

Je m'auto répond, ça marche un peu mieux avec

Code:

.module .mod-recent-row{font-size:1.0rem;line-height:2.2rem;}

Mais ça agit sur toutes les lignes, de mon coté je préférerai que les lignes de titre reste proche et qu'un décalage se fasse avec les lignes "date/heure/pseudo"

[◦Jay◦]

Ça fonctionne, essayez ceci en exagérant :

Code:

.module .mod-recent-row{ line-height:50px !important; }


[Gargawel]

Je m'auto répond, ça marche un peu mieux avec

Code:

.module .mod-recent-row{font-size:1.0rem;line-height:2.2rem;}

Mais ça agit sur toutes les lignes, de mon coté je préférerai que les lignes de titre reste proche et qu'un décalage se fasse avec les lignes "date/heure/pseudo"

Nos messages se sont croisés

tu précises

Code:

!important;

cela pourrait être un problème de conflit de code css ?

[◦Jay◦]

Comme ceci devrait faire l'affaire :

Code:

.mod-recent-info{padding-bottom:20px !important}

[Gargawel]

immense merci, en combinant avec mes modifications j'ai exactement ce que je voulais faire.

Encore un grand merci @◦Jay◦ !!