Elementor Form – Quick CSS question

  • basedcognition

    (@basedcognition)


    3 years, 2 months ago

    Hello,

    Just a quick question. I added this CSS code to my elementor form to increase the size of the radio buttons:

    input[type=radio] {
    margin-top: 10px;
    width: 50px;
    height: 25px;
    }

    And the radio buttons are indeed better size, but now the actual text of the radio buttons is a bit misaligned, see screenshot:

    You can see how both the Yes and No text is slightly below the radio buttons center line. How can I bring them up with 5-10px ?

    Any input will be highly appreciated! Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • israelaz

    (@israelaz)

    3 years, 2 months ago

    Hi

    Can you please send me a link to your site?

    Thread Starter basedcognition

    (@basedcognition)

    3 years, 2 months ago

    Thanks a lot for the reply!

    To save you time, I dug out the correct labels using the F12 inspector tool.

    For the Yes button: label for=”form-field-field_6d13081-0″>Yes</label

    For the No button: label for=”form-field-field_6d13081-1″>No</label

    I just had to remove the <> at both ends because for some reason it wasn’t posting the code snippet but directly the end result.

    I’m actually an Elementor Pro user but I would like to keep my site private as much as possible, hence why I haven’t shared it yet, nor haven’t opened a support ticket through my pro account.

    israelaz

    (@israelaz)

    3 years, 2 months ago

    Hi

    Since you are an Elementor Pro user, you can open a support ticket at <a href=”http://my.elementor.com”>my.elementor.com</a&gt;. I’d also suggest you check out our Elementor Community forum, we have created it to connect Elementor users together and share knowledge, <a href=”http://my.elementor.com”>my.elementor.com</a&gt;. ww.wp.xz.cn rules state that <a href=”https://ww.wp.xz.cn/support/guidelines/#do-not-post-about-commercial-products”>commercial products are not supported here</a>.

    Thread Starter basedcognition

    (@basedcognition)

    3 years, 2 months ago

    Hey, thanks a lot for the reply! I do not wish to contact Elementor pro support for valid privacy reasons, as stated above in my previous comment. Which is why I opened this forum thread.

    So please let me know if the label code I provided above could be utilised to slightly tweak the position of the Yes/No text within the radio buttons.

    Thanks a ton!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Elementor Form – Quick CSS question’ is closed to new replies.