Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 26, 2017 at 8:24 pm #844433
    Nathan

    I have been learning that people filling out my intake form can not yet clearly see the checkbox on the intake form page here:

    Woman’s Intake Form

    and

    Men’s Intake Form

    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 text

    View post on imgur.com

    Do you have any other suggestions on making the check box more visible?

    Thank you

    August 28, 2017 at 8:04 am #844710
    John Torvik

    Hey 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 Torvik

    August 29, 2017 at 7:24 pm #845426
    Nathan

    I 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 #846457
    Yigit

    Hi,

    Please edit your element, edit your checkbox and insert your text in label field – http://i.imgur.com/TkBE4w4.png

    Best regards,
    Yigit

    October 3, 2017 at 8:38 pm #859783
    Nathan

    there is text in the fild
    https://i.imgur.com/xELEeDO.jpg

    the 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 #860388
    Ismael

    Hi,

    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,
    Ismael

    October 7, 2017 at 6:37 pm #861408
    Nathan

    I applied the code and the check box is still above the text

    Men’s Intake Form

    October 7, 2017 at 9:29 pm #861448
    Mike

    Hi,
    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,
    Mike

    October 8, 2017 at 5:25 am #861472
    Nathan

    When 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
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Increase Size and Move Check Box on Contact Form’ is closed to new replies.