Please include a link to your Contact Form 7 form so we can examine your form in detail.
here is the form: http://www.annadecarlophotography.com/269-2/.
where the gift amount is I would like to be side by side
EX: 25 50 75
100 150 20
and where please indicate how you would like to receive I want it the way it is.
any help will be appreciated
The default display of radio buttons in your WP theme is horizontal so I would add a class called .radio-vertical to the relevant radio buttons CF7 tag.
[radio radio-011 class:radio-vertical “Opt 1” “Opt 2”]
Then add the following CSS:
.wpcf7 .radio-vertical .wpcf7-list-item {
display: block; /* Sets display of radio buttons as vertical */
}
Add via Child Theme or use custom CSS plugin
See Styling Contact Form for a general explanation of styling CF7 forms using CSS.
There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms.
thank you, but how do I add both styles vertical and horizontal in the same form.
RE: how do I add both styles vertical and horizontal in the same form.
Use [radio radio-011 class:radio-vertical "Opt 1" "Opt 2"] on the radio buttons you want vertical.
Use [radio radio-012 "Opt 1" "Opt 2"] on the radio buttons you want horizontal – default theme styling will be applied.
Thank you Buzztone your a great help! thank you thank you.
