Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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 text

    View post on imgur.com

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

    Thank you

    #844710

    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

    #845426

    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?

    #846457

    Hi,

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

    Best regards,
    Yigit

    #859783

    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

    #860388

    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

    #861408

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

    #861448

    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

    #861472

    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 :)

    #861558

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

    Best regards,
    Mike

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.