Modifier la couleur des numéros de pages dans les sujets

[lapinbleu2]

Bonjour à tous !!
je souhaiterais modifier la couleur des numéros de pages dans les sujets comme le montre ma capture d'écran. bon week end à tous !!

[Feuilla']

Bonjour,
vous pouvez essayer avec

Panneau d'administration
Affichage
Images et Couleurs
Couleurs

puis dans la partie "Contours".

Bonne journée !

[Ange Tuteur]

Bonjour lapinbleu2,

Vous pouvez utiliser le code CSS suivant.
( Affichage > Couleurs > Feuille de style css )

Code:

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  background:#39C;
  border:none;
  border-bottom:2px solid #17A;
  border-radius:3px;
  padding:3px 6px;
  transition:300ms;
}

.pagination span a:hover {
  background-color:#333;
  border-color:#111;
}

.pagination span a:active, .pagination span a:focus, .pagination span strong {
  background-color:#8B5;
  border-color:#593;
}

.pagination a.pag-img {
  background:none !important;
  border:none !important;
  padding:0 !important;
}

le résultat :


Bon weekend.

[lapinbleu2]

merci à tous les deux. avec le code css c'est impec. pour changer la taille des numéros des
pages, je change le nbre de px où car j'ai vu qu'il y avait des tailles en px à plusieurs endroits.

[Ange Tuteur]

Vous pouvez changer la taille des numéros dans le bloc premier :

Code:

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  background:#39C;
  border:none;
  border-bottom:2px solid #17A;
  border-radius:3px;
  padding:3px 6px;
  transition:300ms;
}

J'ai ajoutée la propriété font-size. Modifier le "12px" ^^

[lapinbleu2]

ah ok. merci pour ta réponse.
par contre maintenant j'ai les numéros de pages quand tu clik sur un sf tu as donc la liste des sujets avec les numéros de pages comme le montre ma capture d'écran.


et quand tu clik sur un des sujets, tu as aussi les numéros de pages du sujet comme le montre ma capture d'écran.




je voudrais savoir si c'est possible de supprimer les numéros de pages de ma première capture pour ne conserver que les numéros de pages de ma deuxième capture ?

[Ange Tuteur]

Oui, c'est possible ! Remplacer le code CSS par :

Code:

p.pagination span a, p.pagination span a:link, p.pagination span a:visited, p.pagination span strong {
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  background:#39C;
  border:none;
  border-bottom:2px solid #17A;
  border-radius:3px;
  padding:3px 6px;
  transition:300ms;
}
 
p.pagination span a:hover {
  background-color:#333;
  border-color:#111;
}
 
p.pagination span a:active, p.pagination span a:focus, p.pagination span strong {
  background-color:#8B5;
  border-color:#593;
}
 
p.pagination a.pag-img {
  background:none !important;
  border:none !important;
  padding:0 !important;
}

ou remplacer .pagination dans le code par p.pagination

[lapinbleu2]

dans la liste des sujets, en face chaque sujet il y a toujours les numéros de pages. j'ai changé le code que tu m'avais donné précédemment par le nouveau code. je ne vois donc rien de changé. bon dimanche !!

[Ange Tuteur]

C'est trés bizarre ! ^^

Quel est l'URL de votre forum ?

Merci d'avance.

[lapinbleu2]

voici l'URL       http://chezlilou.forumgourmand.net/

[Ange Tuteur]

Ajouter le code CSS suivant :

Code:

.row strong.pagination { display:none }

Cela devrait masquer les numéros de pages dans la liste des sujets.

[lapinbleu2]

c'est impec. Merci pour ton aide.
par contre j'ai ouvert un sujet ici    https://forum.forumactif.com/t380912-grossir-les-inscriptions-en-bas-de-l-index-du-forum
es ce que tu pourrais stp y donner un coup d’œil ?