Code HTML sommaire sur toute la largeur (tout en restant responsive) [Résolu]

-
Hello !

Je réalisé pour mon plus grand plaisir des sites wordpress, sans avoir la moindre notion de dev :p
Généralement je m'en sort avec les tutos du web, mais là je n'arrive pas a appliquer mon cas de figure.

J'ai un module pour placer mon sommaire dans mes articles, seulement, avant déroulement, il se colle à gauche et c'est... moche :p

Est-il possible de configurer en HTLM ce sommaire de façon à lui demander de prendre toute la largeur de la page (responsive comprit) ?

Aujourd'hui, pour intégrer mon sommaire, j'insère un module HTML et j'entre simplement le code
[toc]
pour ordonner à mon sommaire de se placer où je le souhaite.

Si vous avez des suggestions pour qu'il s'affiche sur toute la largeur, je suis preneur ! Merci :)
Afficher la suite 

3 réponses

Meilleure réponse
Messages postés
849
Date d'inscription
mercredi 24 juin 2009
Statut
Webmaster
Dernière intervention
7 août 2019
75
2
Merci
Tu rajoutes ça dans les styles
#toc_container{width:100% !important}

Dire « Merci » 2

Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez CommentCaMarche

CCM 58179 internautes nous ont dit merci ce mois-ci

CherokeeMat
Messages postés
6
Date d'inscription
jeudi 1 août 2019
Statut
Membre
Dernière intervention
13 août 2019
-
Parfait ! Merci beaucoup !
Commenter la réponse de dsyren
Messages postés
849
Date d'inscription
mercredi 24 juin 2009
Statut
Webmaster
Dernière intervention
7 août 2019
75
0
Merci
Salut Mat,
Oui c'est possible en surchargeant les styles du sommaire. Tu peux faire ça à partir de l'interface d'admin du wordpress.
Maintenant il me faudrait une URL de démo pour que je puisse t'aider plus amplement.
++
Hello Dsyren,

Je l'avais intégré à un article test encore en brouillon. J'ai appliqué mes réglages actuel à cet article pour te donner un exemple :

https://lescomparateurs.fr/tablettes-tactiles-android-10-pouces-classement-budget/

A priori, si mon système de sommaire est rôdé, je vais le généraliser à tous les articles avec un peu de longueurs comme celui-ci.

Pour que tu comprennes précisément ce que je souhaite comme résultat : de base, le sommaire est volontairement masqué. Lorsque je le déroule, il prend toute la largeur. Je souhaiterai que même marqué, l'encart prenne toute la largeur lui aussi. J'ai trouvé ce site qui le gère bien et qui doit utiliser le même plugin :

https://www.youprix.com/traducteur-instantane/

J'utilise Visual Composer. Je peux donc appliquer un style à chaque page très simplement.

Merci pour ton aide :)
Commenter la réponse de dsyren
Messages postés
6
Date d'inscription
jeudi 1 août 2019
Statut
Membre
Dernière intervention
13 août 2019
0
Merci
Bonjour à nouveau dsyren,

Merci encore pour ta réponse de l'autre jour.
Si possible, j'ai encore besoin de ton expertise : le sommaire est décalé sur la droite par rapport au contenu des articles : https://lescomparateurs.fr/lecteur-dvd-portable/
J'aimerai le centrer mais le plugin ne me permet pas de le configurer simplement.
De plus, lorsque j’intègre les balises HTML <center> </center> au code d'intégration, il me centre malheureusement tout le texte du sommaire (et je souhaite que ce texte reste aligné sur la gauche).

Si tu as une solution, je suis preneur :p

A bientôt,
Commenter la réponse de CherokeeMat