Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 29, 2023 at 12:02 pm #1412058
    bsingenberger

    Hi,
    I use an element in a contact form with a checkbox as a mandatory field. The labelling in the element is multi-line. However, the line spacing is too large and the text is in bold font and should be smaller. Can this be changed or does it need a CSS code.
    I have placed the link to the page in the private content.
    Thanks,
    Beat

    June 29, 2023 at 6:11 pm #1412091
    Mike

    Hey Beat,
    Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field and adjust to suit:

    #top label.input_checkbox_label {
	font-size: 10px;
    line-height: 10px;
    font-weight: normal;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 30, 2023 at 8:55 am #1412136
    bsingenberger

    Hey Mike
    Thanks for the CSS. The third line is not formatted correctly.
    Do you have a solution?

    Thanks,
    Beat

    June 30, 2023 at 11:06 am #1412146
    Rikard

    Hi,

    Please try this CSS as well:

    .page-id-156 #element_avia_6_1 input#avia_6_1 {
  margin-bottom: 30px;
}

    Best regards,
    Rikard

    June 30, 2023 at 11:22 am #1412148
    bsingenberger

    Hi Rikard,

    Perfect! It works fine.

    Best regards,
    Beat

    June 30, 2023 at 1:04 pm #1412162
    Nikko

    Hi Beat,

    I’m glad that Rikard could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Formular element Checkbox’ is closed to new replies.