Ondersteuning » Thema en CSS/opmaak » Formulieren twenty fifteen lettergrootte

  • Opgelost mrkooij

    (@mrkooij)


    Ik probeer de lettergrootte te veranderen in formulieren binnen het twentyfifteen-theme.

    In de style.css in de sectie ‘5.0 Forms’ ergens in de buurt van regel 485 is de font-size in te stellen, maar dit heeft geen effect. Ook de line-height aanpassen werkt niet.

    Vreemd genoeg werkt het veranderen van de achtergrondkleur in diezelfde sectie wel.

    Ik heb verschillende formulieren geprobeerd, zelfgemaakte en via plugins, maar het probleem blijft.
    Iemand enig idee waar ik dit wel kan veranderen?

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • T Verhoeven

    (@t-verhoeven)

    Dag Mrkooij,

    Heb je een link naar een formulier waarvan je het letterformaat wilt wijzigen? Dan geef ik je de code die je kunt toevoegen aan de stylesheet.

    Groet,
    Thijs
    __________________
    De meest volledige WordPress handleidingen vind je bij WP Handleiding
    Professioneel WordPress design nodig? Bekijk hier ons portfolio.

    Thread starter mrkooij

    (@mrkooij)

    Hallo Thijs,

    Dit is de link naar de pagina:
    http://www.notuleerservicedegriffel.nl/wordpress/frysk/kontakt/

    Dit hoe ik heb geprobeerd het aan te passen:
    button,
    input,
    select,
    textarea {
    /* original background-color
    background-color: #f7f7f7; */
    background-color: #d3d3d3;
    border-radius: 0;
    /* original font-size
    font-size: 16px;
    font-size: 1.6rem;
    */
    font-size: 8px;
    font-size: 0.8rem;
    line-height: 1.5;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
    }

    Groet,
    Marc

    T Verhoeven

    (@t-verhoeven)

    Dag Marc,

    Je kunt deze code toevoegen aan de stylesheet (style.css):

    input[type=”text”], input[type=”email”], input[type=”url”], input[type=”password”], input[type=”search”], textarea {
    font-size: 1.9rem !important;
    line-height: 1.6842 !important;
    }

    En dan de font-size en line-height wijzigen.
    Lukt dit?
    Mvg,

    Groet,
    Thijs
    __________________
    De meest volledige WordPress handleidingen vind je bij WP Handleiding
    Professioneel WordPress design nodig? Bekijk hier ons portfolio.

    Thread starter mrkooij

    (@mrkooij)

    Hallo Thijs,

    Ik heb de code er in geplakt en en het lettertype aangepast.

    Het werkt wat betreft de hoogte van de velden.
    De letters zijn echter nog even groot.
    http://www.notuleerservicedegriffel.nl/wordpress/frysk/kontakt/

    Groet,
    Marc

    Thread starter mrkooij

    (@mrkooij)

    Hallo Thiijs,

    Dat klopt niet helemaal wat ik net schreef, de lettergrootte is wel in orde in de ‘gewone’ velden. Alleen bij de ‘list’-velden zijn de letters nog te groot.

    In ieder geval bedankt, ik ben zo al een heel eind op weg.

    Groet,
    Marc

    T Verhoeven

    (@t-verhoeven)

    Dag Marc,

    Dan wordt de code als volgt:

    input[type=”text”], input[type=”email”], input[type=”url”], input[type=”password”], input[type=”search”], textarea, select {
    font-size: 1.9rem !important;
    line-height: 1.6842 !important;
    }

    Dus “select” toevoegen aan het eind.

    Werkt dit?

    Groet,
    Thijs
    __________________
    De meest volledige WordPress handleidingen vind je bij WP Handleiding
    Professioneel WordPress design nodig? Bekijk hier ons portfolio.

    Thread starter mrkooij

    (@mrkooij)

    Hallo Thijs,

    Dat werkt perfect, thanks!

    Heb ik nog één klein dingetje, de knoppen onderaan het formulier. Kunnen deze ook op deze plek aangepast worden?
    Ik dacht handig te zijn door ‘button’ aan het rijtje toe te voegen, maar dat werkt niet.

    Groet,
    Marc

    T Verhoeven

    (@t-verhoeven)

    Hey Marc,

    Bijna! Je kunt het volgende toevoegen:

    input[type=”submit”]

    Maar ik zou die apart doen, dus:

    input[type=”submit”] {
    font-size: 20px !important;
    color: #ffffff !important;
    background-color: #333333 !important;
    }

    Groet,
    Thijs
    __________________
    De nieuwe WordPress Handleiding voor WordPress 4.1.1 vind je hier!
    Klik hier voor drie maanden support van onze WordPress experts.

    Thread starter mrkooij

    (@mrkooij)

    Hallo Thijs,

    Moest nog ‘input[type=”reset”]’ toevoegen voor de tweede knop, maar nu is het precies zoals het zijn moet.

    Nogmaals bedannkt!

    Ik zet dit topic op resolved.

    Groet,
    Marc

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘Formulieren twenty fifteen lettergrootte’ is gesloten voor nieuwe reacties.