THELIA Forum

Bonsoir,

Je voudrai gérer un style commun a chacune des pages mais qui varie en fonction d'elle, comme le background-color du menu par exemple, y a t'il un moyen par exemple de charger une feuille de style particulière juste pour la page "contact" ?

Cordialement,

Pierre

Alors j'ai créé page-contact.less dans lequel j'ai ecrit ma propriété #35{ background-color:red } cela ne fonctionne pas, j'ai aussi écrit .page-contact #35{ background-color:white} dans ma feuille de style générale, cela ne fonctionne pas non plus. Qu'est-ce que je fais mal?

La class est bien sur le body pour cela pas de soucis, mais mon code css n'est pas pris en compte, surement un problème de contexte, mais alors pourquoi mon page-contact.less n'est pas pris en compte lui aussi ?

Je viens de l'ajouter, ça ne fonctionne toujours pas

je viens de changer le nom de mon id en "li35", cela ne fonctionne toujours pas (cet id est bien unique je vous rassure tout de suite)

Tu as vidé le cache assets ?
Tu compiles le less comment ?

Il faut un outil pour cela
http://lesscss.org/
Si tu es à la racine de Thelia 2.1, la commande est :

lessc templates/frontOffice/default/assets/less/styles.less > templates/frontOffice/default/assets/css/styles.css 

default est à remplacé par le nom de ton template
Tu peux ajouter le paramètre -x pour compresser

lessc -x templates/frontOffice/default/assets/less/styles.less > templates/frontOffice/default/assets/css/styles.css 

problème résolue, en fait je ne charge pas de feuilles css en fonction de la page mais je modifie le body class de cette manière:
{* Body Class *}
{block name="body-class"}page-folder{$folder_id} parent{$folder_parent}{/block}

et ensuite j'appel les propriété css ds ma feuille css chargée ds le layout.tpl en prefixant:
.page-filder104 .navbar-nav{ ... }

merci de votre aide