Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 21, 2022 at 11:01 am #1336520
    JantienM

    Hi,

    I would like change the way the selection buttons are displayed (using multiple answers) using the contact form of Enfold.

    Now it is displayed as a list and when the user wants to choose multiple options, they have to use the ctrl button. Is there a way to display them as checkboxes?

    I tried using contact form 7 but the checkboxes are displayed next to each other which looks quite disorganised.

    Thanks again!

    January 22, 2022 at 6:04 pm #1336671
    Mike

    Hey JantienM,
    Thank you for your patience, unfortunately options and checkboxes are different html elements and not just css styling, so you will need to use multiple checkbox elements when you create them ensure that they are full-width elements so they will be on separate lines instead of next to each other.
    If you find there is too much space between them, please link to your page and we can help with css to bring them closer together but we need to evaluate the actual form instead of general css.

    Best regards,
    Mike

    January 24, 2022 at 5:33 pm #1336930
    JantienM

    Hi Mike,

    Maybe it is easier then to help me with some css for the Contact Form 7 plugin? As you can see on this page: https://www.fronikboerderij.nl/hoe-kan-ik-helpen/#aanmelden

    the checkboxes are displayed next to each other, is there a way to display them underneath each other? Or is this also not possible with css?

    Thanks!

    January 25, 2022 at 10:17 am #1337011
    Ismael

    Hi,

    Thank you for the update.

    You can use this css code to move the checkboxes underneath each other.

    .wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin-left: 0;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css and purge the cache.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.