Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 18, 2023 at 4:42 pm #1419486
    bsingenberger

    Hi Kriesi-Team

    When I label a checkbox, the font size is very small and vertically not in the middle of the checkbox. I have not found any settings for this. Is there a CSS code?

    Thanks,
    Beat

    September 19, 2023 at 4:12 am #1419517
    Ismael

    Hey Beat,

    Thank you for the inquiry.

    An external css file, possibly from a plugin, might be overriding the default checkbox styles. Where can we check this issue? Please provide the site URL in the private field.

    Best regards,
    Ismael

    September 19, 2023 at 7:26 am #1419532
    bsingenberger
    This reply has been marked as private.
    September 19, 2023 at 8:51 am #1419539
    Ismael

    Hi!

    Thank you for the info.

    Please look for this css modification in the Quick CSS field..

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

    .. then, replace it with:

    #top label.input_checkbox_label {
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
    top: 5px;
    position: relative;
}

    Regards,
    Ismael

    September 20, 2023 at 9:17 am #1419670
    bsingenberger

    Hi Ismael
    Thanks for the solution. It works fine!

    I still have two questions about the formatting:
    1. the colour of the font should be the same everywhere. Is there a CSS for this?
    2. the formatting with line breaks is not nice in the lower text. Can this be improved?

    Thanks,
    Beat

    September 20, 2023 at 12:11 pm #1419695
    Rikard

    Hi,

    Please try this CSS as well:

    #top label.input_checkbox_label {
    color: #919191;
    font-size: 15px;
}

    Best regards,
    Rikard

    September 20, 2023 at 4:14 pm #1419737
    bsingenberger

    Hi Rikard
    Thanks for your solution.
    Nr. 1: It works fine!
    Nr. 2: Do you have a solution? See above.

    Best regards,
    Beat

    September 20, 2023 at 5:03 pm #1419749
    Rikard

    Hi,

    Please try this CSS as well:

    .page-id-2343 #element_avia_10_1 .input_checkbox_label {
  line-height: 20px;
  margin-top: -3px;
}

    Best regards,
    Rikard

    September 20, 2023 at 8:48 pm #1419772
    bsingenberger

    Hey,
    Thanks for your answer but I can’t see any changes.
    In the Check-box below, the formatting with line breaks is not nice in the lower text. Can this be improved? See the Checkbox with the text “Mit Absenden des Formulars stimmen Sie der Verarbeitung Ihrer personenbezogenen Daten zu. FACT nutzt diese Daten, um Ihnen die angeforderten Informationen sowie weiterführende Inhalte bereitzustellen. Sie können Ihre Einwilligung jederzeit widerrufen. Bitte füllen Sie dieses Pflichtfeld aus. *”

    Best regards,
    Beat

    September 21, 2023 at 1:01 am #1419791
    Nikko

    Hi Beat,

    I think Rikard’s code should work just fine, you seem to replace line-height 20px to 15px, and the original value is 14px that’s why you barely see any difference, try changing it back to 20px or a higher value and it should work just fine.

    Best regards,
    Nikko

    September 21, 2023 at 8:11 am #1419830
    bsingenberger

    Hey Nikko

    Thank you for the answer.
    I think the formatting of the 4th checkbox is not ideal. Can you check this again?

    Best regards,
    Beat

    September 22, 2023 at 3:50 am #1419968
    Nikko

    Hi Beat,

    Please try to add padding on Rikard’s code, it should look like this:

    .page-id-2343 #element_avia_10_1 .input_checkbox_label {
    line-height: 22px;
    margin-top: -3px;
    padding-left: 25px;
}

    Best regards,
    Nikko

    September 26, 2023 at 9:08 am #1420381
    bsingenberger

    Hi Nikko,
    Thanks for your answert.
    The solution works fine!

    Best regards,
    Beat

    September 26, 2023 at 9:54 am #1420387
    Nikko

    Hi Beat,

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

    Best regards,
    Nikko

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