Hoe pas je de stijl van de uploadknop aan met CSS?

Zet je een formulier op je eigen website, dan moet de uploadknop eruitzien als je andere knoppen. Google Forms houdt voor de uploadknop zijn eigen uiterlijk en heeft geen plek voor eigen stijlen, en een ingesloten Google-formulier zit in een iframe waar de CSS van je site niet bij kan. Met Formfacade schrijf je in het tabblad Advanced van de formulierinstellingen CSS voor de klasse addfile: achtergrond, rand, lettertype en kleur. De uploadknop op je formulier past zich aan, en de antwoorden gaan nog steeds naar je Google-formulier.

Aan de slag. Maak je formulier en volg de stappen hieronder.

Hoe schrijf je de eigen CSS?

  • Geef je formulier op de pagina die opent een naam, klik op Create form en klik op Proceed.
  • Vraagt het "Do you want to preview this form?", klik dan op No.
De tabbladen Edit, Preview, Share en Responses, met Edit gemarkeerd
  • Klik op de pagina Edit op de formuliertitel en dan op het tandwielpictogram.
De formuliertitel op het tabblad EDIT, met EDIT, de titel en het tandwiel gemarkeerd
  • Kies het tabblad Advanced en voeg de eigen CSS toe.
De formulierinstellingen met het tabblad Advanced en het vak Custom CSS gemarkeerd
  • Je kunt de achtergrondkleur, rand, het lettertype, de tekstkleur enz. wijzigen door CSS-stijlen toe te passen op de klasse "addfile", zoals hieronder, en dan op de knop Save te klikken.
Het vak Custom CSS met stijlen voor de klasse addfile en de knop Save gemarkeerd
De uploadknop op je formulier neemt jouw stijlen over.

Samenvatting

Google Forms heeft geen plek om de uploadknop een andere stijl te geven, dus valt hij uit de toon op je website. Met Formfacade schrijf je in de Advanced-instellingen van het formulier CSS voor de klasse addfile en neemt de knop jouw stijlen over. Maak je formulier en volg de stappen hierboven. Heb je vragen, schrijf dan naar support.

Laatst bijgewerkt: