Modification form du plugin Contact

JaneJane Member
Je souhaiterais modifier police couleur et bordures de la form contact.
pour test j'ai inséré en fin de style.css de mon thème le code suivant:

#form_contact{
backgroud-color:#ffccff;
}

#form_contact from p {
font-family: Arial; font-size; 12px
}
pas de résultat..même chose en le mettant dans style.css du plugin

Merci par avance de vos conseils.

Réponses

  • bonjour,
    Jane a écrit:
    Je souhaiterais modifier police couleur et bordures de la form contact.
    pour test j'ai inséré en fin de style.css de mon thème le code suivant:

    #form_contact{
    backgroud-color:#ffccff;
    }
    c'est backgrouNd :)
    Jane a écrit:
    #form_contact from p {
    font-family: Arial; font-size; 12px
    }
    pas de résultat..même chose en le mettant dans style.css du plugin

    Merci par avance de vos conseils.
    #form_contact  p {
    font-family: Arial; 
     font-size: 12px;
    }
    
    pas de "from", ce n'est pas Arial mais arial (a minuscule)et attention à la ponctuation (les : et les : ) à bien les placés !!!!!
  • Merci..j'ai beaucoup à apprendre!
    Cependant bien qu'en appliquant ces corrections je ne constate aucun résultat dans la forme.
    Ou dois je situer ces modifications? dans le style.css du template ou du plugin?
    je l'ai placé dans les deux cas à la fin du fichier...mais là encore j'ai du zapper quelque chose
  • Penser à rafraîchir le cache du navigateur. ;)
  • je l'ai fait..mais même résultat... :(
  • StéphaneStéphane Member, Former PluXml Project Manager
    Bonjour

    Code à rajouter à la fin du fichier style.css du thème

    Pour modifier le titre de la page Contact
    nb: le style changé sera appliqué à tous les titres des pages statiques
    article h1 {
    	font-family: arial; 
    	font-size; 12px;
    }
    

    Popur modifier le libellé des champs de saisie
    #form_contact p {
    	font-family: arial; 
    	font-size; 12px;
    }
    

    Pour modifier les bordures des champs de saisie
    #form_contact input[type=text] {
    	border: 1px #ffcc00 solid;
    }
    #form_contact textarea {
    	border: 1px #ffcc00 solid;
    }
    

    nb: penser à vide le cache du navigateur pour etre sur de la prise en compte des modifications

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • en vidant le cache je découvre...que tout s'arrange..mais mal.
    HTML1201: ...seur.com est un site Web que vous avez ajouté à l’Affichage de compatibilité.
    index.php?contact
    CSS3111: @font-face a rencontré une erreur inconnue.
    chatypeb2.1regular-webfont.eot
    CSS3111: @font-face a rencontré une erreur inconnue.
    chatypeb2.1bold-webfont.eot

    en demandant la validation du css
    le site est toujours là en vue externe mais sans modifciation
  • StéphaneStéphane Member, Former PluXml Project Manager
    Tu utilises des fontes à partir de fichier .eot (chatypeb2.1regular-webfont.eot, chatypeb2.1bold-webfont.eot)
    Est-ce que les fichiers sont bien présents sur ton site et accessibles à partir du fichier css ?
    Dans ton fichier style.css est-ce que les déclarations @font-face pour utiliser les 2 fontes citées ci-dessus sont correctes ?

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • je viens de vérifier .

    Dans le theme bordeaux que j'utilise les fonts sont bien présentes ..j'ai modifié les droits ..644

    et dans style.css du site j'ai pour les 3 fonts:
    @font-face {

    font-family: 'ChatypeB2.1BoldBold';

    src: url('fonts/chatypeb2.1bold-webfont.eot');

    src: url('fonts/chatypeb2.1bold-webfont.eot?#iefix') format('embedded-opentype'),

    url('fonts/chatypeb2.1bold-webfont.woff') format('woff'),

    url('fonts/chatypeb2.1bold-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



    }

    j'ai revalidé le css..et j'ai


    I/O Error: http://jigsaw.w3.org/css-validator/validator?profile=css2,http://jigsaw.w3.org/css-validator/validator?profile=css2,file:///C:/Users/Utilisateur/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/Lin77A7.xml: Internal Server Error

    merci de votre aide
  • mon dernier test sur CCS validation donne


    URI : http://www.elisabeth-magnetiseur.com/themes/theme-bordeaux/style.css

    -1
    Erreur inconnue java.lang.RuntimeException: org.w3c.css.properties.css2.Css2Style cannot be cast to org.w3c.css.properties.css2.font.Css2Style

    URI : http://www....com/plugins/plxMyContact/style.css

    16

    .contact_error

    Erreur lors de l'analyse grammaticale. .contact_success { } :8
  • StéphaneStéphane Member, Former PluXml Project Manager
    Bonjour
    Ton fichier css présente uniquement les erreurs suivantes
    
    49	 *	 Propriété erronée : font-family Dimension inconnue .1RegularRegular
    57	 body	 Propriété erronée : font-family Dimension inconnue .1RegularRegular
    58	 body	 Propriété erronée : background-color #66000 n'est pas une valeur de background-color : #66000
    103	 a	 Propriété erronée : color #66000 n'est pas une couleur valide (qui doit contenir 3 ou 6 chiffres hexadécimaux). : #66000
    185	 header	 Propriété erronée : font-family Dimension inconnue .1BoldBold
    231	 nav li a.active	 Propriété erronée : color #66000 n'est pas une couleur valide (qui doit contenir 3 ou 6 chiffres hexadécimaux). : #66000
    629	 aside	 Erreur lors de l'analyse grammaticale. h1 { font-family: arial; font-size; 12px; } #form_contact p { font-family: arial; font-size: 20px; } #form_contact input[type=text] { border: 1px #ffcc00 solid; } #form_contact textarea { border: 1px #ffcc00 solid; }
    629	 aside	 Erreur lors de l'analyse grammaticale. [empty string]
    629	 aside	 Erreur lors de l'analyse grammaticale. [empty string]
    

    c'est souvent des erreurs de syntaxe
    exemple:
    color #66000 n'est pas une couleur valide (qui doit contenir 3 ou 6 chiffres hexadécimaux).

    Consultant PluXml

    Ancien responsable du projet (2010 à 2018)

  • merci stéphane , j'ai donc corrigé ce point..mais toujours aucun changement dans ma form contact!
    le chemin est long... :(
Connectez-vous ou Inscrivez-vous pour répondre.