Okay
  Public Ticket #2491419
Align Text at Contact Form Check Box
Open

Comments

  • Konstantin Frantzis started the conversation

    Hey Friends!

    Is ther a quick CSS-Solution to align the Text at the Checkbox of the Contact-Corm? So the K is under the M?

    If dont under stand, please check attachment.

    Thanks for your help!

    Best regards!

    Attached files:  bold support cf.jpg

  •  1,203
    Support Agent 1 replied

    Hi Konstantin,

    Could you please send us link to the page on which form from your screenshot is located at?

    Thanks!


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Konstantin Frantzis replied

    Hey! Thanks for your quick reply.

    https://frantzis-sohn.de/angebot-anfragen/

    This is the page, the form is located on. Please Scroll down and klick on the "weiter"-Button in order to make the form appear.

    Thanks for your help!

  •  1,203
    Support Agent 1 replied

    Hi Konstantin,

    Thank you for the clarificationsmile.png

    In order to resolve the issue please try adding the following code to Appearance> Customize> Additional css:

    .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label, .bt_cc_email_confirmation_container [type="checkbox"]:checked + label {
        display: block;
    } .bt_cc_email_confirmation_container [type="checkbox"]:not(:checked) + label::before, .bt_cc_email_confirmation_container [type="checkbox"]:checked + label::before {
        top: 0.9em;
    }
    Let us know if that helped.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Konstantin Frantzis replied

    Hey! Thanks alot! That workes well!

    I know its not part of the theme. But do you have an Idea, how to drive the same result to the Checkbox of the Formcraft-Form on this site?

    https://frantzis-sohn.de/karriere/

    You are the best! Thanks alot!

  •  1,203
    Support Agent 1 replied

    Hi Konstantin,

    You're welcome!smile.png

    Please use the following css for the second form:

    html .formcraft-css .fc-form .form-element .checkbox-cover > div label input {
        display: block !important;
        top: 0.3em;
    }
    Let us know if that helped!


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Konstantin Frantzis replied

    Hy friend!

    Thanks alot! I think this is ok. Would be nice, if it would be the same like we did at the other form. Now the text is below the check box. If it was to the right of it, would be perfect. But if not possible, no problem!