Ondersteuning » Algemeen WordPress » Contact Form 7 geeft problemen in Chrome en Safari

  • Opgelost Linquenda

    (@linquenda)


    Met Contact Form 7 heb ik in wordpress een contactformulier op mijn site geplaatst.
    Het probleem is dat de tekst bij de in te vullen velden niet wordt weergegeven in Chrome en Safari. Deze tekst wordt wel weergegeven in Internet Explorer, Firefox en Opera.
    Heeft iemand een idee hoe ik dit kan oplossen?

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • De tekst naast het veld of de tekst dat standaard in-het veld staat? En als je op het veld klikt gaat het weg en kun je typen?
    Of zie je helemaal niet wat je typt?

    Thread starter Linquenda

    (@linquenda)

    Het gaat om de tekst boven de velden, dus de omschrijvingen van wat ingevuld moet worden. Naam, adres, e-mail, enz. Deze omschrijvingen zijn niet te zien in Chrome en Safari, waardoor je dus alleen een paar lege velden ziet waarvan je niet weet wat er ingevuld moet worden.
    In de velden zelf kan wel gewoon getypt worden.

    Das heel raar..

    Dat heb ik zelf nog nooit meegemaakt.
    Heb je veel plugin’s actief op je website?
    Miss. kan het zo zijn dat een andere plugin de stylesheet van het contactform over-ruled.

    Thread starter Linquenda

    (@linquenda)

    Ik heb alleen Contact Form 7 actief en Statcounter. Verder niets. Heb geprobeerd door Statcounter te deactiveren te kijken of er verschil is, maar de tekst blijft weg. Als ik de website open in Chrome, dan kan ik dus wel de tekst boven de velden selecteren en in geselecteerde toestand komen ze tevoorschijn. Met de rechtermuisknop kun je dan “item inspecteren”. Rechts onderin het scherm dat dan verschijnt kom ik termen tegen als “display blocked” en dat de tekstkleur “black” is. De achtergrondkleur is zwart, dus dat verklaart het onzichtbaar zijn. Maar ik snap niet dat Chrome en Safari de tekstkleur omzetten naar zwart. Ik werk met het thema Atahualpa. Misschien moet ik dan met een andere plug-in het contactformulier maken?

    Als je eens in Chrome of Safari (beide dezelfde browsers)

    Op: CMD + A drukt (Mac)
    Of: CNTRL + A drukt (PC)

    Of vanuit het menu selecteer alles, als het goed is wordt dat alles wat ‘live’ os op de pagina blauw en kan je zien of de tekst er echt boven staan of naast.

    Daarna zou je de web-info-venster kunnen open door op: CMD + I (Mac) of: CNTRL + I (PC) te klikken. -of weer vanuit het menu onder het menu-item ‘ontwikkeling > web info venster’

    Dan komt onderaan je browser een venster in beeld waar je in de broncode kan kijken en als je dan naar de div gaat waar je contactformulier in staat kan je kijken aan de rechterkant van dat venster welke kleur het lettertype heeft in je stylesheet.

    Waarschijnlijk heeft een andere stylesheet dezelfde kleur en-/of style naam en wordt de tekst van het contactformulier overruled zoals ze dat noemen in de css.
    Kijk eens uit welke stylesheet deze de zwarte kleur haalt en welke regel in de stylesheet het is. Dan zie of je goed zit of niet.

    Thread starter Linquenda

    (@linquenda)

    Ik heb de broncode bekeken, maar ik moet je heel eerlijk bekennen dat dat voor mij abracadabra is. Dit is mijn eerste website die ik aan het maken ben en ik ben nog niet zo thuis in de codes. Maar het gaat om deze site: http://www.nostalgieshow.nl
    Het contactformulier staat onder “info”.
    Ik heb vanmiddag ook al een andere plugin geprobeerd voor een contactformulier, maar dat gaf hetzelfde resultaat.

    Tijd dat ze bij WordPress deze template (theme) offline halen want het is echt niet meer van deze tijd.

    Maar om het op te lossen doe je het volgende:
    Inloggen in je admin.

    Dan ga je naar plugins > bewerker > dan zie je rechtsboven het volgende staan:
    Selecteer plugin om te bewerken: <menu> <– Daar kies je voor de plugin Contact Form 7

    En als het goed is komt dan helemaal rechts in beeld alle bestanden van die plugin te staan.
    Dan zoek in je dat lijstje naar het volgende bestand:
    contact-form-7/styles.css LET OP!!! Dat je niet contact-form-7/admin/styles.css neemt.

    Dan klik je daarom en voeg je helemaal onderaan dit toe:
    .wpcf7-form p { color: #cc99ff; }

    En druk dan op ‘Bestand Bijwerken’ als het goed is zijn dan al die teksten paars net als de rest van de pagina.

    Thread starter Linquenda

    (@linquenda)

    Heb dit allemaal uitgevoerd, maar als ik in de bewerker contact-form-7/styles.css aanklik, dan staat er bovenaan de pagina achter: (niet actief). Ik heb de kleurcode wel toegevoegd onderaan, maar er gebeurt niets. Is er een mogelijkheid om deze sheet wel actief te krijgen? Of moet ik gaan denken aan een theme te nemen met minder problemen?

    Thread starter Linquenda

    (@linquenda)

    Sorry, mijn fout. Probleem opgelost!
    Er was een foutje geslopen in het kopiëren en plakken van de code vanuit het e-mailbericht dat ik ontving. Nu de code geplakt vanaf het forum en het werkt!
    Bedankt voor alles!

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘Contact Form 7 geeft problemen in Chrome en Safari’ is gesloten voor nieuwe reacties.