label contact form

Home Forums Jevelin Theme label contact form

Home Forums Jevelin Theme label contact form

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • hannes741
    Participant

    Hi,

     

    I want to add a checkbox to my contact form. The problem is, that the label is not displayed in the frontend. In CSS is this <label> on display:none, but I can’t override this with custom code…

     

    Best regards,

    Hannes

    Attachments:
    You must be logged in to view attached files.

    Hi Hannes,

     

    Sorry to hear of the problem you are having.

     

    Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

     

    Best regards,
    Shufflehound team

    hannes741
    Participant

    Hi,

     

    here is the URL.

     

    Thank you!

    You can display it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .wrap-forms .custom-checkbox label {
        display: inline-block !important;
    }

    hannes741
    Participant

    Hi, thank you a lot, it works! But why the checkbox is jumping when I click it (in Safari Browser)? That looks not nice…

    Please try changing above shared CSS code to the following.

     

    .wrap-forms .custom-checkbox label {
        display: inline !important;
        vertical-align: middle;
    }

    hannes741
    Participant

    Hi,

     

    I tried the new code, but it is still jumping in safari…

     

    Please make sure you are using latest version of Safari browser and does this happen for you on any other browser?

    cvol
    Participant

    I have the same issue. Now the text for the checkbox is displayed below the checkbox: https://www.heartmadeinternational.com/

    @cvol Please try using below CSS code on your site.

     

    .contact-form .wrap-forms .fw-row:last-child .fw-col-xs-12.fw-col-sm-6.form-builder-item {
        width: 100%;
    }
Viewing 10 posts - 1 through 10 (of 10 total)