[Support request] Heading typography customization overrides opt-in form

Home Forums Support Heading typography customization overrides opt-in form

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1471132
    Patrick

    I use ConvertKit to create and display an email opt-in form. You can see it in context here, https://bebrainfit.com/start/, by clicking the bold blue link in the section “Subscribe to our Emails.”

    The problem is that the copy in the subhead and the button in the form are incorrectly in all uppercase. This started after I customized the heading typography in the Customizer.

    I have a screenshot of the correctly formatted email form where the copy in the subhead and the button are not text transformed from the original.

    Can the email form be excluded from the typography setting for headings?

    #1471465
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .formkit-header h1,
    .formkit-submit {
        text-transform: unset !important;
    }
    #1472428
    Patrick

    Sorry, David, I didn’t see your reply until now. I forgot to check the email reply box.

    In the meantime, I came up with this:

    .formkit-form * {
    text-transform: none;
    }

    It seems to work for the whole form. Now I just hope that it doesn’t screw up anything else. 🙂

    In case you go back to look, I made a few changes to the formatting of the form.

    Thanks for your help!

    #1472556
    David
    Staff
    Customer Support

    Glad to hear you found a solution.

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