Checkbox appears on the wrong place

Illdy
1

Hi,
The checkboxes are appearing everywhere above the belonging text in the middle. I would like to have them before the text in the same line.
Could you please help me how I could achieve this?
The page is: https://webshop.eyecandiz.hu/
Thanks in advance,
Niki

2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*reposition checkbox*/
input#terms {
    position: relative;
    top: 81px;
}

#customer_login > div.u-column2.col-2 > form > p.form-row

p.form-row.terms.wc-terms-and-conditions {
    position: relative;
    bottom: 26px;
}

input#rememberme {
    position: relative;
    top: 41px;
}

Best regards,
Support.

3

Thanks,
This just put it way below the text but it is still in the middle and not in front of the text line :frowning:
Any other idea?
Thanks in advance

4

Hi,
The issue still persists :frowning:
Do you have any other ideas?
Thx

5

Hi,

Remove the Custom CSS you made for those input boxes, and add this in the CUstom CSS,

input, textarea { width: auto; }

If not work, add this,

input, textarea { width: auto !important; }

Importantly remove all the codes you added for those input boxes, and the CSS provided here.

Let us know,

Thanks,
laranz.

6

Hi,
I did it exactly the way you wrote it.
Now the checkbox is completely gone (which was not my purpose),
And all the textboxes are looking strange and some of them got tiny.
Any other ideas?
Thanks in advance

7

I deleted all the codes related to the checkboxes and only have

input[type=checkbox]{
-webkit-appearance:checkbox;
}

Now I have the checkbox I want but still at the wrong place altough I’ve tried all kind of solutions found on the forums here. :frowning:

8

I also tried to use ninja forms, but it has the same issue.

Could you please provide me a solution? this must be an issue within the theme. As I’ve seen other users had the same problem as well, but I haven’t find the solution anywhere.

Please heeeeelp.

THanks!!!

9

Hey there,

I’ve notified the developer of the issue.

For now, we don’t have a solution apart from the CSS provided.

Best regards,
Support.

10

Hi,

Sorry for a late in response, did you able to fix it? I tried to view the site, but the checkbox are in correct position,

Let us know,

Thanks,
laranz.

11

Hi,

Yes, thank you.

I’ve added the below lines to custom CSS:

.woocommerce form .form-row .input-checkbox {
width: inherit;
position: inherit;
}

12

Hi @nicky456,

Glad we helped. :slight_smile:

Let us know if you have any other questions,

Thanks,
laranz.