Joomladay francophone 2018 à Paris 18 et 19 mai

Modifications dans template.css ne s'appliquent pas au front

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

  • Modifications dans template.css ne s'appliquent pas au front

    Bonjour,

    Je voudrais apporter des changements simples en front comme :
    • ajouter une marge à droite de l'image principale de l'article (item-image)
    • modifier les styles des balises h1, h2 et h3


    J'ai donc fait ces changements dans le fichier template.css de mon template (jsn_boot_pro), enregistré les changements... et rien ne se passe.

    Je ne comprends pas pourquoi.
    Merci pour votre aide.

    Marion

  • #2
    Re : Modifications dans template.css ne s'appliquent pas au front

    Salut
    As-tu observé avec l'inspecteur de chrome si tes modifications sont prisent en compte ou alors si une autre déclaration prend le dessus ?
    Ce ne serait pas un problème de cache ?
    Formation Joomla agence internet https://www.stylitek.com
    Melijoy création de site Joomla compétitif https://www.melijoy.fr
    agence web spécialiste référencement http://www.agence-web-stylitek.fr

    Commentaire


    • #3
      Re : Modifications dans template.css ne s'appliquent pas au front

      Salut Toffffe
      Envoyé par toffffe Voir le message
      Salut
      As-tu observé avec l'inspecteur de chrome si tes modifications sont prisent en compte ou alors si une autre déclaration prend le dessus ?
      Oui et elles ne le sont pas
      Envoyé par toffffe Voir le message
      Ce ne serait pas un problème de cache ?
      J'ai vidé le cache navigateur et ça ne change pas

      Commentaire


      • #4
        Re : Modifications dans template.css ne s'appliquent pas au front

        Donc tu ne modifies pas le bon css
        Un lien vers ton site et des détails sur l’élément a modifier pourrais aider
        Formation Joomla agence internet https://www.stylitek.com
        Melijoy création de site Joomla compétitif https://www.melijoy.fr
        agence web spécialiste référencement http://www.agence-web-stylitek.fr

        Commentaire


        • #5
          Re : Modifications dans template.css ne s'appliquent pas au front

          Voici : http://www.mobilier-canape-deco.com/index.php

          Ainsi que les modifs apportées et qui ne changent rien au front:

          1/ mise en forme des textes :
          modif dans le template.css : h1 { font-size: 2em;}h2 { color: #cc0000; font-size: 1.8em; line-height: inherit;}h3 { color: #D59500; font-size: 1.6em;}
          2/ Sur cet article, j'ai fait un test d'utiliser les "images d'intro" & "images de l'article complet" que propose Joomla! (habituellement j'insère directement l'image principale dans le corps de l'article). Or l'image est collée au texte et j'aurais voulu ajouter une marge de 7px sur la droite :
          ajout dans le template.css : .item-image {margin-right: 7px;}
          3/ Enfin je n'arrive pas à masquer "jsn-article-toolbar" sur la homepage, qui crée un espace inutile entre le titre et le contenu
          ajout dans le custom.css : .jsn-article-toolbar{display:none !important;}
          Merci.

          Commentaire


          • #6
            Re : Modifications dans template.css ne s'appliquent pas au front

            C'est étonnant, la modification de la mise en forme des textes fonctionne sur le wysiwyg dans l'Administrator, mais pas en front.
            modif dans le template.css : h1 { font-size: 2em;}h2 { color: #cc0000; font-size: 1.8em; line-height: inherit;}h3 { color: #D59500; font-size: 1.6em;}

            Commentaire


            • #7
              Re : Modifications dans template.css ne s'appliquent pas au front

              1/Sur quel page veux-tu modifier les h1 h2 h3 ?
              2/As-tu essayer :
              #jsn-mainbody > div.item-page > div.pull-left.item-image > img{}
              3/ Je ne vois aps ta toolbar
              Formation Joomla agence internet https://www.stylitek.com
              Melijoy création de site Joomla compétitif https://www.melijoy.fr
              agence web spécialiste référencement http://www.agence-web-stylitek.fr

              Commentaire


              • #8
                Re : Modifications dans template.css ne s'appliquent pas au front

                Envoyé par toffffe Voir le message
                1/Sur quel page veux-tu modifier les h1 h2 h3 ?
                Je voudrais que ça change sur l'ensemble du site

                Envoyé par toffffe Voir le message
                2/As-tu essayer : #jsn-mainbody > div.item-page > div.pull-left.item-image > img{}
                J'ai modifié le code en
                .pull-left.item-image { margin-right: 7px;}
                mais ça ne marche pas non plus

                Envoyé par toffffe Voir le message
                3/ Je ne vois aps ta toolbar
                Sur les articles la toolbar a disparu mais pas sur la homepage. Il y a toujours une div.jsn-article-toolbar entre h2.item-title et le contenu de l'article

                Commentaire


                • #9
                  Re : Modifications dans template.css ne s'appliquent pas au front

                  Bonsoir à tous,

                  Je relance ce post, j'ai résolu le problème numéro 2 en ajoutant une marge blanche sur mes images mais les autres soucis sont toujours présents...

                  En résumé :
                  - j'ai modifié la taille des balises h1, h2, h3 dans le template.css et la modification n'apparait pas en ligne. je me demande si ça ne serait pas lié à Bootstrap (je ne comprends pas trop comment fonctionne Bootstrap)
                  - je n'arrive pas à masquer l'espace blanc laissé par jsn-article-toolbar (dont aucune option n'est activée) sur la homepage

                  Bonne soirée et merci

                  Marion

                  Commentaire

                  Annonce

                  Réduire
                  1 sur 2 < >

                  C'est [Réglé] et on n'en parle plus ?

                  A quoi ça sert ?
                  La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                  Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                  Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                  Comment ajouter la mention [Réglé] à votre discussion ?
                  1 - Aller sur votre discussion et éditer votre premier message :


                  2 - Cliquer sur la liste déroulante Préfixe.

                  3 - Choisir le préfixe [Réglé].


                  4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                  2 sur 2 < >

                  Assistance au forum - Outil de publication d'infos de votre site

                  Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                  Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                  Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                  UTILISER À VOS PROPRES RISQUES :
                  L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                  Problèmes connus :
                  FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                  Installation :

                  1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                  Archive zip : https://github.com/AFUJ/FPA/zipball/master

                  2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                  3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                  4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                  5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                  6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                  et remplacer www. votresite .com par votre nom de domaine


                  Exemples:
                  Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                  Télécharger le script fpa-fr.php dans: /public_html/
                  Pour executer le script: http://www..com/fpa-fr.php

                  Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                  Télécharger le script fpa-fr.php dans: /public_html/cms/
                  Pour executer le script: http://www..com/cms/fpa-fr.php

                  En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                  Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                  Voir plus
                  Voir moins
                  Travaille ...
                  X