- WordPress :5.5
- Statut : résolu
- Ce sujet contient 12 réponses, 2 participants et a été mis à jour pour la dernière fois par
JeanBee, le il y a 1 mois et 2 semaines.
-
AuteurMessages
-
19 janvier 2021 à 8 h 47 min #2366465
Bonjour,
Ma configuration WP actuelle :
– Version de WordPress : 5.6
– Version de PHP/MySQL : 7.3.25 / 5.5.5
– Thème utilisé : Neve
– Thème URI : https://themeisle.com/themes/neve/
– Extensions en place : Advanced Editor Tools (previously TinyMCE Advanced) (5.6.0), All-in-One WP Migration With Import (6.77), Better Search Replace (1.3.4), Classic Editor (1.6), Contact Form 7 (5.3.2), Cookie Notice (1.3.2), Disable Title (0.9), Easy FancyBox (1.8.18), Easy Google Fonts (1.4.4), Elementor (3.0.16), Elementor Addon Components (1.2.1), Elementor Pro (3.0.8), Formidable Forms (4.09.04), Forum_wordpress_fr (4.2), HT Mega – Absolute Addons for Elementor Page Builder (1.5.1), Styles (1.2), TablePress (1.12), WP Author, Date and Meta Remover (1.0.5), WPDBSpringClean (1.6), WP Fastest Cache (0.9.1.4), WP Gallery Custom Links (1.12), WP Google Fonts (v3.1.4), WP Maintenance (6.0.0), WPS Cleaner (1.6), Yoast SEO (15.6.2), YotuWP – YouTube Gallery (1.3.4.5)
– Adresse du site : https://patriceloko.org
– Nom de l’hébergeur : ApacheProblème(s) rencontré(s) : css personnalisé avec Tablepress
J’ai une quinzaine de tableaux sous tablepress qui ont une structure identique. J’ai donc un css personnalisé commun.
Or, j’ai crée un nouveau tableau aujourd’hui, avec moins de colonnes et des besoins de largeur et d’alignement différent. Dans l’onglet “option” de Tablepress, j’ai le css que j’avais crée à l’époque, qui s’applique à tous les tableaux. Comment faire pour avoir un css personnalisé pour le dernier tableau, qui n’affecte pas les autres ?
Est-ce que ça passe par la phrase : .tablepress-id-N où N est le numéro du tableau ? Si oui, que dois-je mettre ensuite, précisément parce que je n’ai pas le même nombre de colonnes ?
19 janvier 2021 à 10 h 24 min #2366474Bonjour.
Dans le CSS tu mets les codes nécessaires pour modifier ce que tu veux, comme je ne peux le savoir, regarde cet exemple
.tablepress-id-1 tbody td { font-family: Tahoma; font-size: 14px; font-weight: bold; color: #ff0000; background: #ffa800; }
Tu peux également coller ce code dans Apparence/Personnaliser/CSS additionnel, ça fonctionne.
🙂
19 janvier 2021 à 10 h 40 min #2366477ça veut dire que les réglages “généraux” seront “shintés” par ce code pour le tableau en question, c’est à dire que ce code sera prioritaire ?
19 janvier 2021 à 10 h 41 min #2366478Pour ce tableau oui.
Essaie, ça ne coûte rien.
🙂
19 janvier 2021 à 11 h 57 min #2366488Tu es un génie 🙂
Merci beaucoup.
19 janvier 2021 à 12 h 06 min #2366492Voici ce que j’ai ajouté en fin de code css dans tablepress :
.tablepress-id-34 tbody td {
width: 90%;
margin: 0 auto 1em;
}.tablepress-id-34 .column-1 {
width: 15%;
text-align: center;
display: table-cell;
vertical-align: middle;
}.tablepress-id-34 .column-2 {
width: 35%;
font-weight: bold;
text-align: center;
display: table-cell;
vertical-align: middle;
}.tablepress-id-34 .column-3 {
width: 35%;
text-align: center;
font-weight: normal;
display: table-cell;
vertical-align: middle;
}.tablepress-id-34 .column-4 {
width: 15%;
text-align: centre;
font-weight: normal;
display: table-cell;
vertical-align: middle;
}Or, ma colonne deux est toujours en “normal” et pas bold, et la 4 inversement. Rien n’est précisé pour la colonne deux des autres tableaux, en revanche, ils ont tous la colonne 4 en bold. Il y a un loup, ou j’ai mal fait quelque chose ?
19 janvier 2021 à 14 h 31 min #2366513Essaie avec font-weight:700 pour le gras et 400 pour le normal.
🙂
19 janvier 2021 à 16 h 43 min #2366532Bon, bah… je confirme le génie ! 🙂
Merci beaucoup.
Question subsidiaire : si je veux mettre la 1ere ligne en gras sans mettre toute la colonne, je suppose que c’est possible aussi ?
19 janvier 2021 à 17 h 35 min #2366538Amuse-toi avec ça, tu vas comprendre
.tablepress-id-34 .row-1 { background:#ffa800 } .tablepress-id-34 .row-3 .column-4{ background:#ffa800 }
🙂
19 janvier 2021 à 18 h 10 min #2366546Alors c’est marrant, mais j’ai les trois premieres colonnes de la ligne 1 qui sont en gras… mais pas la dernière case (colonne 4). Est-ce un bug ou un COMPLOT ?:-)
19 janvier 2021 à 18 h 14 min #2366547Vide le cache peut-être.
🙂
19 janvier 2021 à 18 h 16 min #2366549Pour une ligne en gras c’est uniquement ça
.tablepress-id-34 .row-1 { font-weight: 700 }
La deuxième partie de mon code n’était qu’un exemple.
🙂
19 janvier 2021 à 18 h 36 min #2366552Ah bah j’ai vidé le cache, mis la ligne en question, et ça ne fonctionne pas (j’ai aussi enlevé les instructions font: normal de la colonne cache). Sans succès. Anyway, ce n’est pas grave du tout. Et j’ai compris le principe.
Merci pour tout
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.