melange entre CSS theme et CSS plugin (Créer un compte)

  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #491845
    danymi
    Participant
    Initié WordPress
    41 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.0.5
    – Version de PHP/MySQL :
    – Thème utilisé : Boldy
    – Extensions en place :
    – Nom de l’hebergeur : 1&1
    – Adresse du site : Encore en local pour l’instant

    Problème(s) rencontré(s) :

    Voilà je souhaite utiliser wordpress pour réaliser un site de location de mon gite. Pour ce faire j’envisage d’utiliser ce plugin.

    Mon probleme est le suivant : Lorsque j’installe le plugin – qui fonctionne très bien par ailleurs – son apparence est impactée par la feuille de style du thème, ce qui me le déforme complètement. Screenshot suivant :

    calendrier.jpg

    alors qu’il devrait ressembler à ça :

    [img]http://s.wordpress.org/extend/plugins/resource-booking-and-availability-calendar/screenshot-2.gif?r=350378[/img]

    Lorsque j’examine le truc avec web developper, voici ce que je vois :

    CSS du theme :

    * (ligne 10)
    {
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    }

    #content #colLeft ul li, #content #colLeft ol li (ligne 368)
    {
    padding-top: 5px;
    padding-right: 0pt;
    padding-bottom: 5px;
    padding-left: 25px;
    background-color: transparent;
    background-image: url(« images/bullet_list.png »);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0pt 8px;

    Et, dans la CSS du plugin :

    #cal_wrapper .cal_month ul li (ligne 121)
    {
    float: left;
    width: 20px;
    height: 20px;
    border-top-width: 1px;
    border-right-width-value: 1px;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: 1px;
    border-left-width-value: 1px;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: solid;
    border-right-style-value: solid;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: solid;
    border-left-style-value: solid;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: #cccccc;
    border-right-color-value: #cccccc;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: #cccccc;
    border-left-color-value: #cccccc;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 1px;
    margin-left: 1px;
    text-align: center;
    background-color: #dddddd;
    color: #000000;
    font-size: 90%;
    text-indent: 0pt;
    list-style-type: none;
    }

    #cal_wrapper .cal_month ul li.cal_empty (ligne 148)

    {
    background-color: #eeeeee;
    border-top-width: 1px;
    border-right-width-value: 1px;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: 1px;
    border-left-width-value: 1px;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: solid;
    border-right-style-value: solid;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: solid;
    border-left-style-value: solid;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: #eeeeee;
    border-right-color-value: #eeeeee;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: #eeeeee;
    border-left-color-value: #eeeeee;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    color: #cccccc;
    }

    J’imagine que vous avez deviné ma question : Comment faire pour que ce calendrier ne soit pas impacté par la CSS du theme. J’ai tout essayé, je n’y parviens pas. Ou alors en retirant la ligne concernée dans le CSS du theme ce qui nuit à sa mise en page à lui….pffff quelle galère !!

    En tous les cas, merci de l’aide que vous pourrez m’apporter.

    Bien cordialement à tous

    Dany

    #759025
    Hernan
    Participant
    Padawan WordPress
    59 contributions

    Ce n’est pas logique, vu que les CSS de ton thème et de ton plugin sont supposés êtres dans des dossiers différents. Donc même s’ils ont le même nom ‘style.css’ ils ne devraient pas se confondre.

    Vérifie leur chemin, et au pire des cas, si tu ne vois pas d’où vient l’erreur, coupe le css de ton theme en 2. Une partie (style.css avec le code mini pour qu’il apparaisse dans les thèmes – C’est la partie verte en haut, en commentaire) et tu ajoute une autre feuille de style pour le reste avec un nom différent.

    #759026
    danymi
    Participant
    Initié WordPress
    41 contributions

    Merci Hernan,

    Les CSS sont effectivement dans des repertoires différents :

    Celle du theme à sa racine et celle du plugin dans un repertoire css du plugin.

    Elles portent par ailleurs des noms différents.

    Je vais examiner ta proposition et te faire un retour…

    Mille merci

    #759027
    danymi
    Participant
    Initié WordPress
    41 contributions

    Arf…là j’avoue que je patauge…

    Néanmoins 2 observations :

    Tout en haut de la feuille css du plugin il est écrit :

    /* CHANGE THIS PATH ACCORDING TO YOUR THEME !!!!! */

    Je vois bien de quoi il retourne mais à quel chemin cette remarque fait-elle allusion ? « THIS PATH » ????

    Par ailleurs, quand je suis dans l’editeur de l’extension via l’interface de WP, il est écrit ceci :

    Modification de resource-booking-and-availability-calendar/css/avail-calendar.css (désactivé)

    C’est le « (désactivé) » qui m’interroge ! ça pourrait avoir un rapport quelconque ?

    #759028
    danymi
    Participant
    Initié WordPress
    41 contributions

    Vraiment personne n’a une petite idée ?

    #759029
    Li-An
    Participant
    Maître WordPress
    28544 contributions

    Pose la question au créateur du plugin… Il pourra peut-être t’aider.

    #759030
    danymi
    Participant
    Initié WordPress
    41 contributions

    Non, ça n’a rien avoir avec le plugin je pense…
    J’ai vu d’autres sites l’utilisant… Quand je regarde le style CSS d’un élément du calendrier sur leur page avec web developper, la feuille de style qui apparait est celle du plugin

    Quand je regarde sur mon site, je vois d’abord la feuille de style du theme, puis en dessous celle du plugin….

    #759031
    Hernan
    Participant
    Padawan WordPress
    59 contributions

    En principe le /* CHANGE THIS PATH ACCORDING TO YOUR THEME !!!!! */ doit correspondre à un code juste en dessous ou à côté. Ca doit être le chemin de la feuille css ou celui d’un script php

    y’a pas un truc du genre

    <link rel="stylesheet" type="text/css" media="screen" href=" » />

    dans me coin de ta note ?

    Pour arriver au css de ton thème c’est la fonction citée plus haut : ou alors directement en visant ton thème : /ton_dossier_avec_la_css/ta_css.css

8 sujets de 1 à 8 (sur un total de 8)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.