Repaircafé De Vijfhoek:Duurzaam en Gratis Apparaten Repareren-Manus
Upgrade
Share
Maak een CSS voor CF7 waarin het lettertype Poppins is,de lettergrootte 18px is en de invoervelden maximaal breed zijn
Lite
Ik ga de CSS-code voor je Contact Form 7 formulier opstellen met het Poppins-lettertype,een lettergrootte van 18px en volledig brede invoervelden. Ik zorg er ook voor dat het lettertype correct wordt geïmporteerd via Google Fonts.
Lite
Ik heb de CSS-code voor je Contact Form 7 formulier opgesteld. Deze code zorgt voor de volgende verbeteringen:Poppins Lettertype:Het Poppins-lettertype wordt automatisch geïmporteerd via Google Fonts en toegepast op het hele formulier.
Lettergrootte 18px:Alle labels,invoervelden en de verzendknop gebruiken nu een lettergrootte van 18px voor een betere leesbaarheid.
Volledige Breedte:Alle invoervelden (text,email,tel,textarea) zijn ingesteld op width:100% en maken gebruik van box-sizing:border-box om ervoor te zorgen dat ze netjes binnen hun container blijven.
Professionele Styling:De velden hebben een subtiele rand,padding en een moderne verzendknop met een hover-effect.
Je kunt deze CSS-code toevoegen aan de 'Customizer' van je WordPress-thema onder 'Extra CSS' of in het CSS-bestand van je child theme.
cf7_poppins_style.css
Code · 2.06 KB
View all files in this task
Task completed
How was this result?
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');.wpcf7{font-family:'Poppins',sans-serif;font-size:18px;color:#333;GmailGoogle Calendar
Manus is an AI Agent and can make mistakes. Please double-check before use.
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');.wpcf7{font-family:'Poppins',sans-serif;font-size:18px;color:#333}.wpcf7 label{font-weight:600;margin-bottom:8px;display:block}.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;margin-bottom:15px;font-size:18px;font-family:'Poppins',sans-serif}.wpcf7 textarea{min-height:120px;resize:vertical}.wpcf7 input[type="submit"]{background-color:#4CAF50;color:white;padding:12px 25px;border:none;border-radius:5px;cursor:pointer;font-size:18px;font-weight:600;transition:background-color 0.3s ease;font-family:'Poppins',sans-serif}.wpcf7 input[type="submit"]:hover{background-color:#45a049}.wpcf7 .required{color:#e74c3c;margin-left:5px}.wpcf7-not-valid-tip{color:#e74c3c;font-size:14px;margin-top:-10px;margin-bottom:10px}.wpcf7-response-output{margin:20px 0;padding:15px;border-radius:5px;font-size:16px}.wpcf7-response-output.wpcf7-mail-sent-ok{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.wpcf7-response-output.wpcf7-mail-sent-ng,.wpcf7-response-output.wpcf7-validation-errors{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.wpcf7-form-control.g-recaptcha{margin-bottom:15px}