Mettre une class dans le body avec Flexi

**lomart** · 07/07/2022, 11h48

Bonjour,

Ne serait-il pas plus simple d'ajouter un sélecteur. Exemple

Code:

body.xxx, #flexicontent.xxx {color:red}

**schtroumph** · 07/07/2022, 13h40

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.

**lomart** · 07/07/2022, 15h42

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** · 08/07/2022, 08h11

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

).

**MICHEL DEDANS** · 08/07/2022, 10h04

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

document.getElementById("flexicontent").closest('. container').classList.add("img-titre-page");

**schtroumph** · 08/07/2022, 14h36

Merci pour l'info MICHEL DEDANS

Mettre une class dans le body avec Flexi

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

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association