[RÉGLÉ] Une feuille CSS pour chaque instance Protostar

[Georgie!]

Hello

Est-il possible d'avoir des feuilles CSS dédiées uniquement pour certains menus avec Protostar ?
On peut créer plusieurs versions de Protostar dans l'admin, et les assigner à des pages... Mais on peut pas dire à ces versions d'utiliser telle ou telle feuille de CSS semble-t-il.

Je sais que c'est possible avec de nombreux templates, mais je ne vois pas d'option particulière dans Protostar.

Peut-être un override pour prendre en compte une feuille CSS seulement sur certaines pages ?

Merci de tous conseils !

[lefabdu51]

Le module lm-custom doit correspondre a ton besoin.

https://lomart.fr/extensions/lm-custom.
Une instance du module sur les memes pages ou est associé le template N°1, une instance pour le numero 2......

[woluweb]

Dans chaque menu, sur un des onglets tu peux spécifier une Classe de Page.
Du coup, tu peux personnaliser facilement ton fichier unique custom.css (à créer dans le dossier css de protostar) en fonction de cette Classe de Page

[Georgie!]

Héhé, grand merci Woluweb !

J'avais complètement zappé cette possibilité, nickel !

TOP

[Georgie!]

Hello Wolluweb, salut à tous

Je ré-ouvre ce ticket car finalement si sûr de moi, je n'avais même pas testé.

Et... je n'arrive pas utiliser cette possibilité...

Exemple : je mets "view_max_center" dans l'option "Page Class" (onglet "Page display") de mon menu Joomla.

Ensuite en CSS je créé des classes comme :

.view_max_center .row-fluid .span9{
background-color : red !important ;
font-size : 50px !important ;
}

Mais impossible de les faire fonctionner.

Pourtant si j'enlève le ".view_max_center" de mon CSS, ça fonctionne bien (mais sur toutes les pages donc...)

Quelqu'un peut-il m'aider ?

THX

[lomart]

Bonjour,

Il faut un espace avant "view_max_center" dans l'option "Page Class"
sinon, il faut que la règle soit : .item-pageview_max_center .row-fluid .span9{

[Georgie!]

Hello

Merci, mais je connais cette subtilité, j'ai essayé aussi...

PS: quand je fais Ctrl+U sur la page, je vois bien ma classe CSS sous cette forme :
...
<div id="system-message-container">
</div>
<div class=" view_max_center">
<div id="system-message-container">
...

C'est bien normal ?

[Georgie!]

Hello

Ah OK ça marche finalement, sans doute un problème de cache.

En revanche cela ne prend pas en compte tous les éléments du template (log, footer...).

J'aurais préféré être capable de dupliquer mon template Protostar, afin d'avoir un maximum de personnalisation possible.

Du coup j'envisage d'installer un autre template très "neutre" à cette fin. Mais si quelqu'un a d'autres idées... Je prends !

Merci