Mettre une class dans le body avec Flexi

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

  • [RÉGLÉ] Mettre une class dans le body avec Flexi

    Salut

    J'ai mis une class à une page depuis le lien de menu (dans l'onglet Paramètres d'affichage de la page), mais comme j'utilise FLEXIcontent cette class est dans :

    Code HTML:
    <div id="flexicontent" class="flexicontent fc-item-block news page page-accueil fcitems fcitem45 fctype2 fcmaincat15 menuitem101 " itemscope="" itemtype="http://schema.org/Article">
    Alors qu'avec Joomla (donc sans Flexi) la class est dans le body.

    Comment je pourrais faire pour la mettre dans le body ?

    Joomla 3.10.10
    FLEXIcontent 4.0.2
    Sur mon site www.sorgin-informatique.com : tutos sur Joomla! et ces composants et sur différents logiciels et services libres (Firefox, KeePass, uMap, Framadate, etc).

  • #2
    Bonjour,

    Ne serait-il pas plus simple d'ajouter un sélecteur. Exemple
    Code:
    body.xxx, #flexicontent.xxx {color:red}
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      J'ai oublié de préciser ce que je voudrais faire. Comme c'est pour des pages spécifiques, je voudrais viser le class="container", donc qui se trouve en dehors de id="flexicontent". Donc faire
      Code:
      .maclass .container {...}
      maclass étant dans le body.
      Sur mon site www.sorgin-informatique.com : tutos sur Joomla! et ces composants et sur différents logiciels et services libres (Firefox, KeePass, uMap, Framadate, etc).

      Commentaire


      • #4
        Si j'ai bien compris, la structure de ta page est
        Code:
        body .container #flexicontent
        et tu voudrais que la classe que tu ajoutes dans #flexicontent cible le container au-dessus
        Je ne vois pas comment faire en CSS

        UP sait faire cela avec l'action https://up.lomart.fr/demo/action-addclass

        Pour que cela soit automatique, j'ajouterais (ou j'utiliserais) un module custom en position debug avec ce shortcode

        Code:
        [B]{[/B]up addclass=class2 | selector=#flexicontent.class1 | parent=2}
        class2 est la classe qui porte les propriétés à appliquer
        class1 est la classe que tu ajoutes au menu pour identifier les articles concernés
        parent à régler en fonction de la structure de ta page

        J'ai pas testé, mais cela doit fonctionner
        schtroumph aime ceci.
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Ca marche avec l'action addClass !

          Pour celles et ceux à qui ça pourrait servir voici la démarche.

          La structure est :

          Code HTML:
          <body>
               .container
                    .row-fluid
                         <main>
                              #flexicontent
          Dans un module Contenu personnalisé, en position debug, j'ai mis le shortcode suivant :

          {up addclass=img-titre-page | selector=#flexicontent | parent=3}
          A partir de #flexicontent j'ai demandé d'ajouter la class img-titre-page au 3ieme parent, donc a .container.

          Merci pour ton aide lomart et pour UP (je l'utilise, mais sur ce coup je n'ai pas pensé à aller voir ).
          Sur mon site www.sorgin-informatique.com : tutos sur Joomla! et ces composants et sur différents logiciels et services libres (Firefox, KeePass, uMap, Framadate, etc).

          Commentaire


          • #6
            En complément de réponse une ligne en javascript suffisait également :

            document.getElementById("flexicontent").closest('. container').classList.add("img-titre-page");
            schtroumph et woluweb aiment ceci.

            Commentaire


            • #7
              Merci pour l'info MICHEL DEDANS
              Sur mon site www.sorgin-informatique.com : tutos sur Joomla! et ces composants et sur différents logiciels et services libres (Firefox, KeePass, uMap, Framadate, etc).

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X