How to multiple class add on contact form 7 submit button

Question

When i add bootstrap button class, like..

[submit class:btn btn-main btn-lg "Send"]

on browser i see it show only one class add.

<input class="wpcf7-form-control wpcf7-submit btn" >

I need others 2 class add also Help Me..

score 77 · Accepted Answer · edited Apr 14 '18 at 18:42

77

If I remember correctly, you need to add the class attribute to each one.

Try this instead:

[submit class:btn class:btn-main class:btn-lg "Send"]

edited Apr 14 '18 at 18:42

GreatBlakes

answered Mar 01 '17 at 09:00

Moris

1

The extra space would break the code in: "class: btn-main" – Johan van den Broek Feb 28 '18 at 13:55
but not remove default class. how to do it? – ApsaraAruna May 09 '19 at 04:50
It adds `wpcf7-submit` instead of `submit`, Any idea how to fix it? – Mohammad Ayoub Khan Aug 24 '21 at 07:17

score 23 · Answer 2 · answered Jul 16 '17 at 18:37

23

Also CF7 used to have bug: if you put "class:" after "Send" nothing is added.

answered Jul 16 '17 at 18:37

Vyshnia

3

2018-07-18 latest version still has this issue. – Rob Jul 18 '18 at 10:30
1

Bug or feature, but it's true now. Though, it should be comment, not answer. – userlond Nov 26 '19 at 06:05

score 4 · Answer 3 · edited Jun 05 '19 at 13:25

4

Have also just discovered if you put classes after a placeholder it doesn't work for some reason but putting it before does:

[text* your-name class:ast-col-xs-12 class:ast-col-sm-12 class:ast-col-md-6 class:ast-col-lg-6 placeholder "e.g. Joe Bloggs"]

edited Jun 05 '19 at 13:25

Alex Myers

answered Jun 05 '19 at 12:55

Jen Bird

3 Answers3