Guest Posted November 6, 2022 Posted November 6, 2022 Is it possible to move the actual checkbox (for a form answer option) so it is to the right of the text when the text is right-aligned on the page? I am trying to move the checkboxes so they appear on the right, with the Arabic text running from right to left beside them. See example screenshot of desired movement below.
tuanphan Posted November 10, 2022 Posted November 10, 2022 Hi, Can you share link to page where you use form? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Guest Posted November 28, 2022 Posted November 28, 2022 Pardon my very slow reply! The page is here. Thank you.
Solution tuanphan Posted December 2, 2022 Solution Posted December 2, 2022 On 11/28/2022 at 2:26 PM, lauracedrone said: Pardon my very slow reply! The page is here. Thank you. Add to Design > Custom CSS div#block-27802f0d25d5ba1991d0 label { display: flex; justify-content: flex-start; flex-direction: row-reverse; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Guest Posted December 4, 2022 Posted December 4, 2022 Thank you so much - that worked perfectly. Can I ask for two small follow up items: 1. How to get the questions to move back to the right? I am not sure what happened but they were right-aligned and now they are left-aligned again. 2. Is it possible to have a little space/buffer between the checkboxes and the words? Thank you so much.
tuanphan Posted December 9, 2022 Posted December 9, 2022 On 12/4/2022 at 5:21 PM, lauracedrone said: Thank you so much - that worked perfectly. Can I ask for two small follow up items: 1. How to get the questions to move back to the right? I am not sure what happened but they were right-aligned and now they are left-aligned again. 2. Is it possible to have a little space/buffer between the checkboxes and the words? Thank you so much. Use this new code div#block-27802f0d25d5ba1991d0 .checkbox label { display: flex; justify-content: flex-start; flex-direction: row-reverse; } div#block-27802f0d25d5ba1991d0 .checkbox input { margin-left: 10px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Guest Posted December 11, 2022 Posted December 11, 2022 Thank you, this worked perfectly. Thank you for your help!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment