Friday, December 1, 2017

Cf7/Contact form 7 option button customization

Many people asked how to customization options buttons layout in Contact Form 7 for wordpress.
I did a lot of research and was not able to find anything related to it.

None of the articles/search results showed me how to set 2 columns form options buttons  Contact Form 7 /CF7 for wordpress.


I found and  way.

this is how my form looks like  you can see that radio buttons are in 1 line and also in 2 columns


how did i do 

very easy method


i created 2 radio buttons with same classes and references. and  set each in 1 column so that are working as a group but 2 separate columns.


here is what backend looks like






and here is css for all that (sorry to make window smaller i have to shrink them to 1 line)


if u like it do subscript for updates

1 comment: