modifier le format blog d'une catégorie

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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
    Dernière édition par pjuignet à 09/01/2018, 16h28

  • #2
    Bonsoir,

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

    Donc ceci mis en fin de user.css devrait convenir.
    Code:
    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 {..
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      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 ?

      Code:
      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;
      }
      Dernière édition par pjuignet à 09/01/2018, 11h52

      Commentaire


      • #4
        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
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          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
          Code:
          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)]
          ???
          Dernière édition par pjuignet à 09/01/2018, 12h23

          Commentaire


          • #6
            Code:
            [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
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


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

              Commentaire


              • #8
                Le fichier user.css n'est pas appelé
                Il est bien dans le dossier /templates/protostar/css ?
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  Oui il y est bien et il porte la date d'aujourd'hui. C'est la version précédente qui est utilisée.
                  Dernière édition par pjuignet à 09/01/2018, 12h51

                  Commentaire


                  • #10
                    Dans le fichier index.php de protostar, vous avez bien
                    Code PHP:
                    // Check for a custom CSS file
                    JHtml::_('stylesheet''user.css', array('version' => 'auto''relative' => true)); 
                    UP, le plugin universel à découvrir sur https//up.lomart.fr
                    bgMax
                    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                    Commentaire


                    • #11
                      je l'ai répété deux fois ligne 85 et ligne 88 :
                      Code:
                      // 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
                      Dernière édition par pjuignet à 09/01/2018, 13h01

                      Commentaire


                      • #12
                        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

                        UP, le plugin universel à découvrir sur https//up.lomart.fr
                        bgMax
                        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                        Commentaire


                        • #13
                          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.
                          Dernière édition par pjuignet à 09/01/2018, 13h09

                          Commentaire


                          • #14
                            C'est bon, on le voit
                            Il reste à ajouter l'accolade fermante à media
                            UP, le plugin universel à découvrir sur https//up.lomart.fr
                            bgMax
                            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                            Commentaire


                            • #15
                              Mais ça marche déjà.
                              Si j'ajoute la propriété 'color:green', le texte passe bien en vert sur le blog
                              UP, le plugin universel à découvrir sur https//up.lomart.fr
                              bgMax
                              , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X