[RÉGLÉ] modifier le format blog d'une catégorie

[pjuignet]

Bonjour à tous et bonne année

Petit problème de nouvel an : j'ai un user.css qui me convient bien pour l'ensemble du site, mais par pour le blog mis à l'accueil.

Je voudrais soit revenir au template protostar de base pour le blog, ou au moins modifier la taille de police qui est trop grosse pour le blog sur deux colonnes.

Y a-t-il un peu de code à ajouter au user.css qui permette cela ???

J'ai essayé :

.blog {
font-size: 0.8em;
line-height: normal;
}

sans succès...

Merci d'avance

[lomart]

Bonsoir,

En mode blog, Protostar affecte la classe layout-blog au body

Donc ceci mis en fin de user.css devrait convenir.

body.layout-blog{
font-size: 0.8em;
line-height: normal;
}

Il faudra peut-être redéfinir les balises enfants par des body.layout-blog p {..

[pjuignet]

Merci beaucoup je vais essayer ce code. Mais j'ai l'impression que les modifications faites dans le user.css ne sont pas suivi d'effet (bien que je n'oublie pas d'effacer le cache à chaque fois).

Après essai ça ne marche pas mais le problème vient du fichier user.css . D'autres petites modifications n'ont pas eu d'impact.

Y aurait- il une erreur de code qui invalide de fichier ?

body {
    font-size: 1em;
    line-height: normal;
}

h1 {
    font-size: 2.1em;
}

h2 {
    color : #cb1010;
    font-size: 1.6em;
}

h3 {
    font-size: 1.3em;
}

h4 {
  font-size: 1.2em;
}

p {
    font-family: Georgia,"Times New Roman", serif;
    font-size: 1.2em;
    line-height: normal;
    text-align: justify;
   }

[class^="leading-"] {
    border-bottom: 3px solid red;
    margin: 0.6em;
}

.item-page > div {
    margin: 0.8em;
}

[USER="80685"]media[/USER] (max-width: 480px) {
    [class^="leading-"],
    .item-page > div {
      margin:0
    }

[USER="80685"]media[/USER] (max-width: 480px) {
   p {
    font-family: Arial; Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: normal;
    }

  body.layout-blog{
font-size: 0.9em;
line-height: normal;
}

[lomart]

Il faut aller voir dans l'inspecteur de code si les ficheirs CSS sont chargés et reconnu.
Le site est en ligne ?

Sinon, il y a au moins 2 erreurs les media ne sont pas fermés

[pjuignet]

Le site est en ligne et fonctionne correctement. Oui W3C me dit la même chose erreurs sur media. L'inspecteur de code me dit que les modifs ne sont pas reconnues c'est toujours l'ancien fichier user.css qui et pris en compte.
Le code suivant semble meilleur

media (max-width: 480px) {
    [class^="leading-"],
    .item-page > div {
      margin:0
    }}

media (max-width: 480px) {
   p {
    font-family: Arial; Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: normal;}
    }

mais W3C indique Parse Error [ (max-width: 480px)]
???

[lomart]

[USER="80685"]media[/USER] (max-width: 480px) {    
  [class^="leading-"],    
  .item-page > div {
      margin:0     }
}
[USER="80685"]media[/USER] (max-width: 480px) {
   p {     font-family: Arial; Helvetica, sans-serif;     font-size: 0.8em;     line-height: normal;     }
}

Je demandais L'URL pour vous aider

[pjuignet]

Pardon, pas compris ..
URL : https://philosciences.com/Pss/

[lomart]

Le fichier user.css n'est pas appelé
Il est bien dans le dossier /templates/protostar/css ?

[pjuignet]

Oui il y est bien et il porte la date d'aujourd'hui. C'est la version précédente qui est utilisée.

[lomart]

Dans le fichier index.php de protostar, vous avez bien

// Check for a custom CSS file
JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true)); 

[pjuignet]

je l'ai répété deux fois ligne 85 et ligne 88 :

// Check for a custom CSS file
JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true));

// Check for a custom js file
JHtml::_('script', 'user.js', array('version' => 'auto', 'relative' => true));

un pour css un pour js

[lomart]

Non user.css et user.js, c'est différent !

Le fichier existe bien, mais la balise media n'est toujours pas fermé

Désactivez JCHOptimize pour les tests

[pjuignet]

je désactive complètement jch. J'avais déjà effacé les fichiers en cache.


>> effectivement en désactivant jch, le user.css est pris en comte.

[lomart]

C'est bon, on le voit
Il reste à ajouter l'accolade fermante à media

[lomart]

Mais ça marche déjà.
Si j'ajoute la propriété 'color:green', le texte passe bien en vert sur le blog