Réduire la taille des catégories

[KitsuHG]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 05/07/2024
Lien du forum :

Description du problème

Bonjour, comme indiqué sur l'image, j'aimerais bien réduire le cube bleu afin que les catégories paraissent plus petites. Est-ce que vous savez ce que je dois ajouter dans le CSS pour réduire ces catégories justement ?

En vous remerciant !

[Laférosse]

Bonsoir, mettez ce code dans la feuille de style (CSS).

Code:

 div.forum-header {
 height: 40px;
} 

Ajustez le chiffre en + ou - selon votre convenance.

[Milouze14]

Salut KitsuHG,
KitsuHG , il faudrait préciser ta demande car tu mentionnes un forum AwesomeBB
et le lien que tu donnes est un forum Phpbb2 !!!
Laférosse ,
il faut juste jouer avec le padding et non la hauteur ..


Comme ceci:

Code:


.forum .forum-header
{
  padding:6px 64px!important;
}


Puis il faut aussi modifier la css pour le petit bouton qui Cache/Affiche les forums:

Code:

.forum .forum-hide {height:20px!important;line-height:20px!important;top:5px!important;}

a++

[Laférosse]

Merci pour l'explication Milouze. Sur le profil c'est bien un forum AwesomeBB et le screen correspond visuellement à cette version. Mais oui dans le message ce n'est pas mis à jour. Cela serait bien que KitsuHG mette la bonne URL.

[KitsuHG]

Bonjour ! Vos solutions n'ont pas fonctionné. J'ai mis à jour le lien, sorry, j'avais oublié une partie

[Laférosse]

Edit : Votre forum semble en version modernBB , je ne connais pas le code adéquat pour votre demande. Modifiez aussi celui de votre profil svp.

[MlleAlys]

Bonjour,
En modernBB, ce code devrait fonctionner, même si sans voir le lien du forum, difficile de confirmer :

Code:



/*hauteur des en-têtes des catégories*/
ul.topiclist .header dd, .header dd.lastpost {
  padding: 5px !important;
}
.btn-collapse {
  top: 10px;
}




[KitsuHG]

Bonjour,
En modernBB, ce code devrait fonctionner, même si sans voir le lien du forum, difficile de confirmer :

Code:



/*hauteur des en-têtes des catégories*/
ul.topiclist .header dd, .header dd.lastpost {
  padding: 5px !important;
}
.btn-collapse {
  top: 10px;
}




Bonjour, la solution est bonne et ça a fonctionné ! Est-ce que par hasard tu saurais comment on redimensionne le texte à l'intérieur des en-têtes de catégorie et le centrer du coup, étant donné que j'ai rétrécie la catégorie ?



Et eventuellement si tu as le code pour que les bords des catégories soient carrés et non arrondis ca serait le top ! Un grand merci à toi

[MlleAlys]

Voici un code css de mise en forme du titre :

Code:

ul.topiclist dd.dterm h2 {
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 23px;
  font-weight: normal;
  color: red;
}

display: block; et text-align:center; permettent de centrer le titre ;
 font-size: taille du texte ;
 line-height: hauteur de l'interligne ;
 font-weight: plus ou moins gras ou normal ou fin ;
 color: couleur du texte ;

Si vous n'avez pas envie de changer l'une des options, vous pouvez simplement supprimer la ligne correspondante dans le code.