Plugin Contributor
Tracy Levesque
(@liljimmi)
π³οΈβπ YIKES, Inc. Co-Owner
Hello.
We have some bundled css classes that will allow you to organize the form into 2 horizontal columns: https://yikesplugins.com/support/knowledge-base/bundled-css-classes/
Look for “Halves (2 Columns)”
Alternatively, if you post a link to the form on your site and let me know how you want it to look I can put together some code for you.
Thank you!
-Tracy
Thanks Tracy. Unfortunately I don’t seem to be able to access the CSS codes…
The form I’m looking to change is at the bottom of the page on http://quietconnections.co.uk and I’d like to have the first name, last name & email address to be on one line… and maybe the recaptcha and sign up now button on the line below if possible (-it takes up too much space as it is)
Thanks
Plugin Contributor
Tracy Levesque
(@liljimmi)
π³οΈβπ YIKES, Inc. Co-Owner
Oh, it looks like you added the field-third classes to the fields.
Are you ok now, or do you need further help?
Thank you!
-Tracy
Ok I worked it out. The only thing is the recaptcha and the button are overlapping… is there something I can do about this?
Plugin Contributor
Tracy Levesque
(@liljimmi)
π³οΈβπ YIKES, Inc. Co-Owner
Plugin Contributor
Tracy Levesque
(@liljimmi)
π³οΈβπ YIKES, Inc. Co-Owner
Please try this.
.yikes-easy-mc-form .yikes-easy-mc-submit-button {
width: 50%;
}
.yikes-easy-mc-form .g-recaptcha {
float: left;
width: 370px;
}
Thanks Tracy, that looks better
Plugin Contributor
Tracy Levesque
(@liljimmi)
π³οΈβπ YIKES, Inc. Co-Owner
Great. Glad I could help.
Thank you.
-Tracy