Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1011160

    Hello together,

    I am using the content element “Mailchimp Signup” within my Enfold theme.
    Unfortunately, the font-weight for this element does not match the font-weight used within other body text elements.

    How can I apply the same font-weight used for normal text within the body on the complete Mailchimp signup forms (incl. placeholders, labels, buttons etc.)?
    It would best be an inherit style rule, so it would adapt whenever I would change the overall look of the website.

    Best regards,
    Marc

    #1011263

    Hey Marc,

    Well, the text gets the same font-weight: 400, but in the input, a browser chooses to interpret it as it likes.

    I tried code like this:

    
    input[type="text"]::placeholder {
        font-weight: 200 !important;
    }
    

    but it does not seem to make any difference.

    Best regards,
    Victoria

    #1011294

    I think I found the solution.

    The Mailchimp form uses some of its own selectors (e. g. font-weight, font-size, font-family etc.) on certain elements.
    The font-weight of the placeholder seemed to be the problem as it looked way bolder than the rest.
    Instead, the font-weight was displaying right but the font-family differed causing the placeholder to look like it had a different font-weight.

    To style the Mailchimp form according to your website style, use as follows and fill in your values where “inherit” doesn’t work.

    .avia-mailchimp-form label {
         font-weight: inherit !important;
         font-size: inherit !important;
    }
    
    .avia-mailchimp-form input {
         font-family: Quicksand !important;
         font-size: inherit !important;
    }
    
    .avia-mailchimp-form ::placeholder {
         font-family: Quicksand !important;
    }

    PS: Is it possible to change my avatar in this support forum? I couldn’t find any place to do so.

    #1011392

    Hi Marc,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Yes, you just go to your profile
    Image 2018-09-18 at 18.03.09.png

    And upload the avatar.

    Best regards,
    Victoria

    #1011428

    Ok, so this support forum is connected to Gravatar as well.
    It worked, thank you for the quick support!

    #1011463

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Applying certain font-weight on Mailchimp forms’ is closed to new replies.