Breedte van verzendknop aanpassen in Divi

Custom code, Divi thema

DIVI heeft een schitterend contact formulier dat heel goed af te stijlen is je kunt alleen de verzendknop niet zo goed stijlen. Om dit toch goed te krijgen heb je weer CSS nodig.

Stap 1: Ontwerp een formulier

Stap 2: Maak een verzendknop waarbij de tekst van de kop op een regel past.

Stap 3:  Ga naar het backend:  Divi / Thema Opties / General / Eigen CSS

Stap 4: Voer de volgende CSS in.

.et_pb_contact_form_0 .et_pb_contact_form_container .et_pb_module .et_pb_button { 

   width: 300px;

}

Het kan zijn dat jouw formulier breder is, in dat geval moet je het aantal pixels van 300 verhogen totdat het even breed is als de kolom van het formulier. 

Andere tips die misschien ook interessant zijn

Daarom kies ik voor Divi!

Ik heb als webdesigner al 96 websites gebouwd in Divi, het is voor mij persoonlijk het beste Wordpress thema dat ik ken. Ik heb ook veel met Enfold gewerkt en Elementor ken ik ook goed. Maar wat Divi voor mij perfect maakt is dat het intuïtief werkt. Het bespaart je veel tijd om een site te bouwen. Je kunt het perfect ontwerpen voor mobiel en zonder extra plugins te installeren kan je al een complete website bouwen. En je kunt een lifetime licentie kopen voor $249. Dus dan mag je het zo vaak gebruiken als je wilt voor een onbeperkt aantal websites als zonder maandelijkse kosten.

Enthousiast geworden over Divi

Als je via deze link het thema koopt, krijg ik een vergoeding van Divi. Dit kost jou niets extra, maar je helpt mij om meer tips en inzichten over Divi te blijven delen dat jou en andere webdesigners daardoor tijd bespaart.

Divi WordPress Theme