[Résolu] CSS the events calendar (Créer un compte)

  • WordPress :5.5
  • Statut : résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #2364978
    loireenbateaux
    Participant
    Initié WordPress
    23 contributions

    Bonjour,

    Ma configuration WP actuelle :
    – Version de WordPress : 5.6
    – Version de PHP/MySQL : 7.3.23 / 5.5.5
    – Thème utilisé : OceanWP
    – Thème URI : https://oceanwp.org/
    – Extensions en place : bbPress (2.6.6), bbp style pack (4.7.2), Classic Editor (1.6), Elementor (3.0.15), Elementor – Header, Footer & Blocks (1.5.4), Event Tickets (5.0.4.2), Forum_wordpress_fr (4.2), GT3 Photo & Video Gallery – Lite (2.7.3), Image Hover Effects – Elementor Addon (1.3.3), Menu Image (3.0.2), Ocean Extra (1.6.9), Simple Lightbox (2.8.1), Smart Slider 3 (3.4.1.14), Styler for WPForms (2.0.1), The Events Calendar (5.3.1.1), The Events Calendar PRO (5.2.1.1), Ultimate Member (2.1.15), User Post Gallery (2.16), WPForms Lite (1.6.4.1), WP Maintenance Mode (2.3.0)
    – Adresse du site : https://www.loireenbateaux.com
    – Nom de l’hébergeur : Apache

    Bonjour à tous,

    Je viens d’installer la module The events calendar.
    Savez-vous où puis-je changer le code CSS?
    Je cherche notamment à supprimer/changer certains termes présents sur les pages.
    Par exemple sur cette page :
    https://www.loireenbateaux.com/%c3%a9v%c3%a9nements/mois/2021-03/

    Je souhaite supprimer la possibilité d’exporter les événements.

    Un grand merci.
    Stéphane

    #2365003
    Rock4Temps
    Participant
    Chevalier WordPress
    239 contributions

    Bonjour,

    Pour supprimer la possibilité d’exporter les événements vous pouvez masquer le lien
    avec le code CSS suivant a partir du back Office menu: apparence/personnaliser/css

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link{display:none!important;}

     

    #2365006
    Rock4Temps
    Participant
    Chevalier WordPress
    239 contributions

    Pour personnaliser le calendrier des événement je vous laisse consulter l’aide en ligne:
    https://theeventscalendar.com/knowledgebase/guide/customization/

    #2365035
    loireenbateaux
    Participant
    Initié WordPress
    23 contributions

    Bonjour,

    C’est parfait, merci.
    Je regarde tout cela.

    Bonne journée!
    Stéphane

    #2365036
    loireenbateaux
    Participant
    Initié WordPress
    23 contributions

    Une dernière question.
    J’essaye de comprendre avec le CSS mais c’est pas si simple pour moi.

    Sur les pages de événements :
    Ex. : https://www.loireenbateaux.com/event/date-libre/

    Je souhaite également supprimer, ou cacher les termes suivants :

    • “Gratuit” : Après la date en haut de la page
    • “Google Agenda” (sous la photo)
    • “Exporter vers iCal” (sous la photo)
    • “RSVP ici” au dessus du bouton “PARTICIPE”
    • Et enfin, dernière chose, changer le terme “PARTICIPE” dans le bouton, par “Réserver”

    Je n’arrive pas tout à comprendre dans l’aide en ligne.
    Un grand merci si vous pouvez m’aider sur ces points.

    Bonne journée!
    Stéphane

    #2365066
    Rock4Temps
    Participant
    Chevalier WordPress
    239 contributions

    Entrez le code CSS ci-dessous:

    body.single-tribe_events .tribe-events-cost, body.single-tribe_events .tribe-events-cal-links,
    body.single-tribe_events .event-tickets .tribe-common-h6--min-medium {display:none!important;}
    
    
    /* on Réduit la ligne  texte d'origine du bouton */
    body.single-tribe_events .event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn{text-indent: -9999px; line-height: 0;} 
    /*Le nouveau Texte:Réserver occupe la hauteur de ligne d'origine */
    body.single-tribe_events .event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn:after{ content: "Réserver"; text-indent: 0; display: block; line-height: initial;} 

     

    Pour le texte du bouton en CSS cela n’a pas été simple!

    #2365075
    loireenbateaux
    Participant
    Initié WordPress
    23 contributions

    Whaou!!
    Super, un grand grand merci tout est parfait!!!

    Très belle journée à vous!!
    Stéphane

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