Radio Text not aligned correctly

Try the following CSS.

div.uimob500 .um-field-half {float: left; width: 25%;}
.right {text-align: left;}

1st line, mainly because I think it looks better. (Not sure you need the div.uimob500 part so try it without initially.)

2nd line, because currently it’s set to float right which is what’s messing it up. Problem being it’s not from UM (exclusive-addons-for-elementor ?) so may impact other areas of your site so check carefully.

• This reply was modified 4 years, 4 months ago by Diabolo.
• This reply was modified 4 years, 4 months ago by Diabolo.

Hello,

I haven’t got the time to try it.
But, before i do, where can i put the CSS?
I do have a Simple CSS plugin installed, will that work?

Regards,
Kaval

Yes, you can use Simple CSS plugin if you want to as you have it installed.

There’s a few ways such as:

• you can add it in the built in customiser (WP Dashboard > Appearance > Customise > Additional CSS), or
• via a custom theme, or
• via the Code Snippets plugin (personally I mainly use this plugin for CSS changes that are plugin dependant rather than theme dependant since I already use it for code snippets)

.

• This reply was modified 4 years, 4 months ago by Diabolo.
• This reply was modified 4 years, 4 months ago by Diabolo.

Hello,

I tried the code on Code Snippets plugin, and it only showed ‘X’ on the left side.
I also don’t really understand the div.uimob500 part. Does it says the Form ID or some sort?
I’m using the default form, by the way. Perhaps it has different div ID or something.
Pardon me for being slow.

Regards,
Kaval

Yeah, not sure about that div either (which is why I suggested try it without first) but it’s part of the code where the tweaks are applied.

In the browser, this is what it looks like for me tweaking the CSS as suggested:

https://www.awesomescreenshot.com/image/5645799/d1f7315eb3d21e45e707d07d9d23cf85

Not sure why it’s not working for you?

Sorry, missed a couple of points you made.

Does it says the Form ID or some sort?
Not sure as per above.

I’m using the default form, by the way. Perhaps it has different div ID or something.
I’m just going by your live site.

Live showing the CSS that I had to change:
https://www.awesomescreenshot.com/image/5645818/cab8d753481f5d6480211d0a03ff2074

After tweak:
https://www.awesomescreenshot.com/image/5645826/0f2bbcf3ddfccb135108708891825a08

Hello,

I used Simple CSS plugin, and somehow it worked.
At first, the second radio option text was too far from the button. So i reduced the 25% to only 20%, and it looked like the screenshot you’ve provided earlier. And if you don’t mind, could you check the change i made?
Oh, and i mostly use Mozilla Firefox, as it’s my main browser.

Regards,
Kaval

Good to hear, perhaps it was cached first time you tried.

Looks OK to me now. Remember to check the changes hasn’t affected other parts of your site. As mentioned, the CSS that was making it move to the right is from exclusive-addons-for-elementor.

Hello,

I checked all the pages on my website, and it doesn’t affect anything else other than the Form i’ve been trying to fix.
Thank you for your time and assistance.
I’ll be sure to open a topic if i’m having trouble regarding UM Plugin.
Have a good day, Good Sir.

Regards,
Kaval

No problem, happy to have helped.

Enjoy the rest of your evening (or whatever time it is where you are ?? )