[RÉGLÉ] Modifier apparence du blog

[pjuignet]

Bonjour,

Je voudrais améliorer l'esthétique du blog des articles d'une catégorie grâce au user.css. Après essai de code dans body.layout-blog avec margin, padding, etc, par exemple

  
   body.layout-blog{ margin: 2em; padding: 1em 2em 1em; border-bottom: 3px solid red;
}

ça ne marche pas... Aucun effet.

Quelqu'un pourrait-il me dire ce qui faut modifier ?

Merci

[papounet]

Bonjour,

Problème de cache sans doute...

[pjuignet]

Bonjour papounet, Non, non, cache vidé à cache fois. D'autres commandes sont actives comme { font-size: 0.9em; line-height: normal;} mais pas celles sur la forme générale.

[pmleconte]

Bonjour,

Quel est votre template ? avez-vous une adresse où l'on pourrait voir le problème ?

Pascal

[pjuignet]

Bonjour,

Template protostar
Adresse: https://philosciences.com/Pss/

[pmleconte]

Comme l'a signalé Papounet, il semble s'agir d'un problème de cache.

En effet, vous utilisez JCHOptimize qui compresse les JS et CSS et ne les recrée pas à chaque modification.

Essayez de désactiver temporairement JCHOptimize pour voir si votre user.css est pris en compte.

Pascal

[pjuignet]

j'ai effacé les divers caches dont celui de jch optimise, mais je n'ai pas pensé à désactiver le plugin durant la manipulation. Merci Je vais essayer.


Désactivé jch et purgé tous les caches.J'ai ajouté

 body.layout-blog{
  font-size: 0.9em;
  line-height: normal;
  padding: 1em 2em 1em;
  border-bottom: 0.5em solid red;

aucun effet ... le code n'est pas pris en copmte

[pmleconte]

J'ai votre modification sur mon explorateur.

Pascal

[pjuignet]

Oui ça apparaît effectivement. Je ne le voyais pas, parce que ça ne fait pas ce que je souhaite ! Je voudrais modifier la distance entre chaque article et mettre un trait de séparation sous chaque article (et pas l'enveloppe globale de blog).

[pmleconte]

Essayez avec un autre explorateur ou purger le cache du votre.

Pascal

[pjuignet]

Oui j'ai vu. Oui ça apparaît effectivement.

Je ne le voyais pas, parce que je ne regardais pas au bon endroit. Et c'est parce que, en vérité, ça ne fait pas ce que je souhaite !

Je ne veux pas modifier l'enveloppe globale de blog mais modifier la distance entre chaque article (entre les deux colonnes d'articles trop serrées) et mettre un trait de séparation sous chaque article comme sous le premier.

[pmleconte]

Essayez

.blog div[itemprop="blogPost"] {
border-bottom: 0.5em solid red;
}

Pascal

[pjuignet]

OK merci, j'essaye .

>> ça a bien marché j'ai de beaux traits de séparation entre les articles.
Est-ce qu'en rajoutant du padding ça va élargir l'espace central ?

 .blog div[itemprop="blogPost"] { border-bottom: 0.5em solid red;  
 padding: 0em 2em 0em;

>> le padding fonction aussi

Merci !!