Ondersteuning » Thema en CSS/opmaak » Contact form 7 plugin..tekst veld kleur aanpassen

  • Opgelost janamdo

    (@janamdo)


    Hoe die programmering van css in wordpress nu precies in zijn werk gaat is me nog niet duidelijk.
    Geprobeerd met Firefox browser met een extensie de css code te achterhalen voor de huidige tekstkleur en tekstvak kleur in het contactformulier, maar nog niet gelukt.
    Moet tekstkleur en tekstveld kleur veranderen: hoe dit te doen?

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • http://www.w3schools.com/css/tryit.asp?filename=trycss_attselector_form

    op w3schools.com wordt alles uitgelegd inc werkende voorbeelden.

    Thread starter janamdo

    (@janamdo)

    Ja dat is een mooi voorbeeld hoe dit werkt een contactformulier, maar in contactform 7 plugin is dit anders geprogrammeerd lijkt.
    Gebruikt contact 7 style regels van het theme ? of zit dit in de plugin ?
    Wat een uitzoekerij zeg..voor een tekstveld kleur + tekst..je moet een programmeur voor zijn
    voorlopig nog niet gelukt

    Contactform 7 is een contact formulier die al gestyled is door de plugin bouwer.

    het beste wat je kan doen is in google chrome met je rechtermuisknop op het veld klikken wat je wilt wijzigen, en kies voor inspecteer.

    daar zal je de class van dat veld zien, en die moet je wijzigen in je stylesheet.

    als je m override (Wat je waarschijnlijk doet,) zet er dan !important achter

    Thread starter janamdo

    (@janamdo)

    Bedankt Arjen!
    Wow..dat is handig van die Chrome browser zo te zien..had ik nooit verwacht van Chrome en Firefox met al die extensies heeft dat niet zo te zien.
    Even kijken of het zo gaat lukken.

    Thread starter janamdo

    (@janamdo)

    Nou ben er nog uit..ok met chrome niet
    Ik gebruik een childtheme en zou hiermee de css moeten overriden ?
    Ja default.css .. uitzoeken maar weer
    Opmerking: wat heb ik mezelf weer moeilijk gemaakt om een childtheme te nemen met de css handling…met die overriding toestand

    Thread starter janamdo

    (@janamdo)

    Laat het maar zo ..kan wel blijven zo het aanmeldingsformulier
    Ben het zat dat gepuzzel ermee..

    He Janamdo,

    niet te snel opgeven!

    Het is verstandig dat je een childtheme installeert! Als je het uiterlijk naar je hand wilt zetten, is dat de juiste methode.

    Even een uitleg: pluginbouwers gebruiken eigen css om te bereiken dat er in ieder geval iets toonbaars staat. Maar: de ene website moet groene knoppen krijgen, 20px hoog, en de andere rode knoppen, 15px hoog. En dat regel je in wordpress met een childtheme. Anders zouden alle websites er allemaal hetzelfde uitzien!

    Wil je er een site van maken die een goede indruk maakt, moet je wat dieper gaan. ‘Inspect element’ is het meest gebruikte tool door websitebouwers. Op youtube zijn stapels instructiefilmpjes te vinden hoe je deze tool voor je laat werken.
    Op de genoemde w3schools-website vind je de referenties.

    Doorzetten!

    En anders geef ons het linkje naar je formulier, en we helpen je!
    Dan doe je de volgende uitdaging zelf.

    groet,
    Lianne

    Thread starter janamdo

    (@janamdo)

    Goedenavond Lianne,
    Dank je wel voor je hulp!
    Dus een childtheme is wel goed..nou ik heb het gevoel dat ik weinig controle heb over de CSS op de site..
    http://wiskundebijlesonline.nl

    Ik wil nog wat veranderen aan opmaak , maar krijg er nog geen grip op
    groet
    Jan

    Thread starter janamdo

    (@janamdo)

    Ik heb van alles al geprobeerd chrome met inspecteren en Firefox met inspecteren.
    Met Firefox kan ik in real time de fonts vergroten ( wat ik wil) , maar er word verwezen naar een css stylesheet met een regelnummer..maar daar is is niets van te vinden en er zit een blokkeer symbool voor de css regel ? (betekenis in Firefox?)
    Ik heb te maken met de plugin css , theme css en child css en ergens in deze keten gaat het mis (had al wat erover gelezen en daar word ik niet vrolijk van ..wat een uitzoekerij zeg)
    Het gaat om een getal in eerste instantie wat ik wil vergroten, maar met de live css word een hele fontregel vergroot ( zou mooier zijn )
    Concentreer me maar op dat getal wat ik groter op (klasnummer) op mijn websuite wil hebben
    Ten einde raad probeer ik maar hardcoded te doen..dus in de code opmaak toevoegen..weet het anders ook niet meer.

    Thread starter janamdo

    (@janamdo)

    Suprize!!
    De gewenste opmaak doet het!
    Blijkbaar kost het even tijd voordat de opmaak te zien is op de website..hehe opgelost
    Via Firefox het ik de css regel opgespoord en toen in het het child theme de css regel in de style.css toegevoegd.
    Dat werkt blijkbaar..gelukkig , want dat hardcoded zit in php en die code moet je dan doorzien

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Het onderwerp ‘Contact form 7 plugin..tekst veld kleur aanpassen’ is gesloten voor nieuwe reacties.