Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 7, 2017 at 10:12 pm #873909
    Julie

    Hello!

    I have a custom font installed on a site and have applied it to everything with the Use Any Font plugin recommended in another thread.
    The only place I can’t get it to apply is the Enfold Mailchimp widget in the footer – how can I change the font in the placeholders and on the button there?
    Also, how can I change the button color (regular and on hover) in that widget to match the site colors?
    And how to remove the border radius on the button?

    Site link is below. Thanks in advance for your help!

    November 9, 2017 at 7:42 am #874517
    Jordan Shannon

    Hey Julie,

    Which font are you looking to use?

    Best regards,
    Jordan Shannon

    November 10, 2017 at 8:11 pm #875353
    Julie

    The font the client chose is elegant typewriter:

    @font-face {
    font-family: “elegant-typewriter”;
    font-style: normal;
    src: local(“elegant-typewriter”), url(“/wp-content/uploads/useanyfont/171107032406Elegant-Typewriter.eot”) format(“embedded-opentype”), url(“/wp-content/uploads/useanyfont/171107032406Elegant-Typewriter.woff”) format(“woff”);
    }

    November 10, 2017 at 9:06 pm #875373
    Jordan Shannon

    Hi,

    Add this to quick css:

    #avia_mailchimp_widget-3 .button{
    font-family: 'elegant-typewriter' !important;
}

    Best regards,
    Jordan Shannon

    November 10, 2017 at 10:25 pm #875393
    Julie

    Hey Jordan,

    That worked on the button text – thanks!

    How can I change the placeholder text font also?

    What about changing button color (regular and on hover) and making border radius 0?

    November 12, 2017 at 8:03 am #875653
    Jordan Shannon

    Hi,

    Add the following to quick css. Adjust the colors to whatever you need:

    #avia_1_1::-webkit-input-placeholder, #avia_0_1::-webkit-input-placeholder  {
font-family: 'elegant-typewriter'!important;
}

#avia_1_1:-ms-input-placeholder, #avia_0_1:-ms-input-placeholder {
font-family: 'elegant-typewriter'!important;
}

#avia_1_1:-moz-placeholder, #avia_0_1:-moz-placeholder {
font-family: 'elegant-typewriter'!important;
}

#avia_1_1:-moz-placeholder, #avia_0_1:-moz-placeholder {
font-family: 'elegant-typewriter'!important;
}

.footer_color .button:hover{
background:#000!important;
border:transparent!important;
}

.footer_color input.button{
background:#000!important;
border-radius:0px!important;
border:transparent!important;
}

    Best regards,
    Jordan Shannon

    November 13, 2017 at 7:31 pm #876227
    Julie

    Hi Jordan,

    Button color is now all set – thank you!
    Placeholder text is being stubborn though and is still unchanged – is there something else I should try?

    November 13, 2017 at 7:54 pm #876235
    Jordan Shannon

    Hi,

    The placeholder is working for me. Perhaps you need to hard clear your cache. Please see the following:

    https://snag.gy/q6VgSI.jpg

    Best regards,
    Jordan Shannon

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