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

[mcd80]

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

[toffffe]

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 ?

[mcd80]

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

Salut Toffffe

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

Ce ne serait pas un problème de cache ?

J'ai vidé le cache navigateur et ça ne change pas

[toffffe]

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

[mcd80]

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.

[mcd80]

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;}

[toffffe]

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

[mcd80]

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

1/Sur quel page veux-tu modifier les h1 h2 h3 ?

Je voudrais que ça change sur l'ensemble du site

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

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

[mcd80]

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