Tagged: checkout, conditions, terms, woocommerce
Hello,
I’m trying to make the terms and conditions checkbox line more visible on the checkout page. I’ve tried using the code from this post https://kriesi.at/support/topic/moving-the-accept-terms-and-conditions-checkbox/
#payment .terms {
font-size: 15px !important;
}
in my custom css, but it is not changing the font size. Any suggestions.
Thank you for your help.
Hey japk!
If we can get a link to your site we should be able to assist with targeting the text there exactly.
Cheers!
Devin
Hi!
Please add following code to Quick CSS instead
#top #payment label { font-size: 15px; }
Best regards,
Yigit
Hey Yigit,
Unfortunately that code is not having any effect.
Hi!
Can you try adding !important rule to force it as following?
#top #payment label { font-size: 15px!important; }
Regards,
Yigit
Hi Yigit,
I have tried adding !important rule but there is still no change…
Hi!
Please use this instead:
.form-row.terms label {
font-size: 15px !important;
}
Remove browser cache then reload the page.
Regards,
Ismael
Thanks Ismael,
I’ve tried your suggestion, but still the stubborn text size has not changed. I did clear the cache.
Hi!
Have you tried adding the codes to Style.css file of your child theme? If not, please try and let us know if it works
Best regards,
Yigit
Hi Yigit,
Yes, that is where I have been trying the code given above.
Japk
Hi!
Please give us the login details. Set it as a private reply. We would like to inspect it.
Regards,
Ismael
Hi!
I have added custom CSS code to bottom of Quick CSS section in Enfold theme options under Styling tab and it seems to be working now. Please review your website and confirm that it is working fine for you too so we can mark this thread as resolved.
Best regards,
Yigit
Yup seems to be working, oddly enough. =) I wont bother trying to figure out why it didn’t work in the child theme’s css file before. It’s working now, and thats good enough for me. Thank you for the support. You guys rock.