Modifier apparence du blog

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

  • [RÉGLÉ] Modifier apparence du blog

    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
    Code:
      
       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
    Dernière édition par pjuignet à 12/01/2018, 18h58

  • #2
    Bonjour,

    Problème de cache sans doute...
    Artiste international, producteur phonographique et bidouilleur du web encore et toujours en activité.
    Compositeur du groupe : Roses Street présent sur toutes les plateformes de steaming.
    I'am happy for you !
    Dernière réalisation : http://www.pierrickservais.com/

    Commentaire


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

      Commentaire


      • #4
        Bonjour,

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

        Pascal
        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

        Commentaire


        • #5
          Bonjour,

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

          Commentaire


          • #6
            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
            If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

            Commentaire


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

              Code:
               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
              Dernière édition par pjuignet à 12/01/2018, 16h38

              Commentaire


              • #8
                J'ai votre modification sur mon explorateur.

                Pascal
                If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                Commentaire


                • #9

                  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).
                  Dernière édition par pjuignet à 12/01/2018, 17h27

                  Commentaire


                  • #10
                    Cliquez sur l'image pour l'afficher en taille normale  Nom : Developer Tools - httpsphilosciences.comPss 12012018 172126.jpg* Affichages : 1* Taille : 97,7 Ko* ID : 1973274

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

                    Pascal
                    If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                    Commentaire


                    • #11
                      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.
                      Dernière édition par pjuignet à 12/01/2018, 17h57

                      Commentaire


                      • #12
                        Essayez
                        Code:
                        .blog div[itemprop="blogPost"] {
                        border-bottom: 0.5em solid red;
                        }
                        Pascal
                        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                        Commentaire


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

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

                          Merci !!
                          Dernière édition par pjuignet à 12/01/2018, 18h58

                          Commentaire

                          Annonce

                          Réduire
                          Aucune annonce pour le moment.

                          Partenaire de l'association

                          Réduire

                          Hébergeur Web PlanetHoster
                          Travaille ...
                          X