• Hello,
    As I am using Open Sans throughout my website, I added a code for a different font in “Custom CSS” under “Font Options” and unfortunately nothing changed. The text (i.e. “Name”, “Email”, “Subscribe”) still is in the default Arial font. Any ideas how to fix this?
    I added this code: font-family: “Open Sans”, sans-serif;
    Many thanks,
    Natalia

    https://ww.wp.xz.cn/plugins/optin-forms/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi nataliehazel,

    can you share the URL of your website so I can take a look?

    Thanks!

    Thread Starter nataliehazel

    (@nataliehazel)

    Hi Boris,
    Sure, it’s http://www.nutriupgrade.com. The form is just below the Revolution Slider.
    As you will see, the text “Name”, “Email” and “Yes, please!” are in Arial despite the CSS to have it in Quicksand. (apologies for the typo in the previous message).

    Here is the CSS:

    #optinforms-form1 {
    font-family: “Quicksand”;
    background: none;
    border: none;
    border-radius: 0px;
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0 0 5px;
    padding: 15px 3%;
    text-align: center;
    width: 100%;

    }

    #optinforms-form1-button {
    font-family: “Quicksand”;
    background-color: #ffffff;
    border-color: rgba(255, 255, 255, 1);
    border-radius: 27px;
    border-style: solid;
    border-width: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: rgba(79, 191, 112, 1);
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 6px;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    outline: medium none;
    padding: 12px 19px;
    text-decoration: none;
    transform: translate3d(0px, 0px, 0px);
    transform-origin: 50% 50% 0;
    transition: none 0s ease 0s ;
    visibility: inherit;
    white-space: nowrap;
    }
    #optinforms-form1-name-field {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 0px;
    padding: 8px 8px 8px 10px !important;
    font-family: “Quicksand”;
    }

    #optinforms-form1-email-field {
    font-family: “Quicksand”;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 0px;
    padding: 8px 8px 8px 10px !important;
    }

    Thread Starter nataliehazel

    (@nataliehazel)

    Hi Boris,

    Any luck figuring out what the problem may be?

    Thanks,
    Natalie

    Thread Starter nataliehazel

    (@nataliehazel)

    @brs

    Hi Boris,

    Any luck figuring out what the problem may be?

    Thanks,
    Natalie

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Different Font in Custom CSS’ is closed to new replies.