![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: checkbox, CONTACT FORM, text size
-
AuthorPosts
-
August 26, 2017 at 8:24 pm #844433
I have been learning that people filling out my intake form can not yet clearly see the checkbox on the intake form page here:
and
I feel curious and need support to increase the box so it can be seen
and I need to move it to the beginning of the textDo you have any other suggestions on making the check box more visible?
Thank you
August 28, 2017 at 8:04 am #844710Hey Nathan,
I have checked that you`re talking about the WC check out and to create and edit the custom fields is necessary to follow up this article: https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/
Or hiring a freelance to accomplish it.
Best regards,
John TorvikAugust 29, 2017 at 7:24 pm #845426I see what you’re saying and I feel confident this is not a woo topic
I need support, specifically with a quick css code to move the checkbox to the left of the text and how the size of the box increased so people can see it when filling out the contact form
Does that make sense?
August 31, 2017 at 6:54 pm #846457Hi,
Please edit your element, edit your checkbox and insert your text in label field – http://i.imgur.com/TkBE4w4.png
Best regards,
YigitOctober 3, 2017 at 8:38 pm #859783there is text in the fild
https://i.imgur.com/xELEeDO.jpgthe checkbox is still small and above the tex and we need it to be a little larger so people can see it, they are saying it’s too small
thanks Yigit
October 5, 2017 at 4:47 am #860388Hi,
Thank you for the info. Please add the following css code.
#element_avia_2_1 { float: left; clear: none; width: auto; top: -10px; } .acknowledge + p { width: auto; float: right; margin-top: -25px; }
Add a custom css class attribute to the contact form so that you can apply the css modification specifically.
Best regards,
IsmaelOctober 7, 2017 at 6:37 pm #861408I applied the code and the check box is still above the text
October 7, 2017 at 9:29 pm #861448Hi,
I added !important; to Ismael’s code and added some to make the check box larger, and it seems to be working.
Please clear your cache and review.#element_avia_2_1 { float: left!important; clear: none!important; width: auto!important; top: -10px!important; -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ } .acknowledge + p { width: auto!important; float: right!important; margin-top: -25px!important; }
Best regards,
MikeOctober 8, 2017 at 5:25 am #861472When I see that the check box is on the side and a little bit larger so clients can see it, I feel thankful and relieved
You made my night man
This topic is resolved :)October 8, 2017 at 2:16 pm #861558 -
AuthorPosts
- The topic ‘Increase Size and Move Check Box on Contact Form’ is closed to new replies.