Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 18, 2018 at 9:34 am #1011160
    Marc

    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

    September 18, 2018 at 1:32 pm #1011263
    Victoria

    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

    September 18, 2018 at 2:07 pm #1011294
    Marc

    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.

    September 18, 2018 at 5:03 pm #1011392
    Victoria

    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

    September 18, 2018 at 5:49 pm #1011428
    Marc

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

    September 18, 2018 at 7:16 pm #1011463
    Jordan Shannon

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Applying certain font-weight on Mailchimp forms’ is closed to new replies.