[Résolu] CSS personnalisé et Tablepress (Créer un compte)

  • WordPress :5.5
  • Statut : résolu
13 sujets de 1 à 13 (sur un total de 13)
  • Auteur
    Messages
  • #2366465
    JeanBee
    Participant
    Initié WordPress
    42 contributions

    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 : Apache

     

    Problè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 ?

    #2366474
    PhiLyon
    Modérateur
    Maître WordPress
    27327 contributions

    Bonjour.

    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.

    🙂

    #2366477
    JeanBee
    Participant
    Initié WordPress
    42 contributions

    ç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 ?

    #2366478
    PhiLyon
    Modérateur
    Maître WordPress
    27327 contributions

    Pour ce tableau oui.

    Essaie, ça ne coûte rien.

    🙂

    #2366488
    JeanBee
    Participant
    Initié WordPress
    42 contributions

    Tu es un génie 🙂

    Merci beaucoup.

    #2366492
    JeanBee
    Participant
    Initié WordPress
    42 contributions

    Voici 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 ?

    #2366513
    PhiLyon
    Modérateur
    Maître WordPress
    27327 contributions

    Essaie avec font-weight:700 pour le gras et 400 pour le normal.

    🙂

    #2366532
    JeanBee
    Participant
    Initié WordPress
    42 contributions

    Bon, 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 ?

    #2366538
    PhiLyon
    Modérateur
    Maître WordPress
    27327 contributions

    Amuse-toi avec ça, tu vas comprendre

    .tablepress-id-34 .row-1 {
    	background:#ffa800
    }
    
    .tablepress-id-34 .row-3 
    .column-4{
    	background:#ffa800
    }

    🙂

    #2366546
    JeanBee
    Participant
    Initié WordPress
    42 contributions

    Alors 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 ?:-)

    #2366547
    PhiLyon
    Modérateur
    Maître WordPress
    27327 contributions

    Vide le cache peut-être.

    🙂

    #2366549
    PhiLyon
    Modérateur
    Maître WordPress
    27327 contributions

    Pour 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.

    🙂

    #2366552
    JeanBee
    Participant
    Initié WordPress
    42 contributions

    Ah 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

13 sujets de 1 à 13 (sur un total de 13)
  • Vous devez être connecté pour répondre à ce sujet.