Font size setting not respected

  • Resolved Kenny

    (@footloose)


    4 years, 1 month ago

    Hi:

    I like your plugin very much for its all available options. However, the font size in all fields is too tiny. The configured larger font size, 17px, is not respected. it looks to be no more than 10px, no matter how high I set it. I tried using the custom CSS given on your website (see below), but it doesn’t work.

    Also, would you please let me know the custom CSS I should add in order to have hover and focus states for all of the fields?

    Thanks,

    Kenny

    div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
  
   font-size: 17px;
 
}
    • This topic was modified 4 years, 1 month ago by Kenny.
    • This topic was modified 4 years, 1 month ago by Kenny.
    • This topic was modified 4 years, 1 month ago by Kenny.
    • This topic was modified 4 years, 1 month ago by Kenny.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Zhanna Khachatryan

    (@zhannak)

    Hi @footloose,

    Thanks for your inquiry.

    The issue with font size occurs because the website theme is using important! in theme global styles and it overwrites our styles.

    To fix the issueyou can add the following css for the inputs:

    .fm-form input, .fm-form textarea {
font-size: 17px !important;
}

    As for the custom CSS to have hover and focus states for all of the fields, please use the below code:

    
.fm-form input:hover, .fm-form textarea:hover
    Thread Starter Kenny

    (@footloose)

    Thank you for your reply. Your code for the font size change and hover/focus worked perfectly. !important you suggested made all the difference.

    Would you please help me with 2 more item?

    What custom code is needed to affect the submit button font?

    What custom code is needed to either increase or decrease the vertical space that separates the different fields?

    Thank you again,

    Kenny

    • This reply was modified 4 years, 1 month ago by Kenny.
    • This reply was modified 4 years, 1 month ago by Kenny.
    • This reply was modified 4 years, 1 month ago by Kenny.
    • This reply was modified 4 years, 1 month ago by Kenny.
    • This reply was modified 4 years, 1 month ago by Kenny.
    • This reply was modified 4 years, 1 month ago by Kenny.
    • This reply was modified 4 years, 1 month ago by Kenny.
    • This reply was modified 4 years, 1 month ago by Kenny.
    • This reply was modified 4 years, 1 month ago by Kenny.
    • This reply was modified 4 years, 1 month ago by Kenny.
    • This reply was modified 4 years, 1 month ago by Kenny.

    Hi,

    For Submit button

    .fm-form-container.fm-theme1 .fm-form .button-submit {
    font-size: 23px !important;
    }

    For vertical space between two fields

    .fm-form .wdform-field:not([type=”type_hidden”]) {
    padding-bottom: 20px;
    }

    I hope this will help you.

    Thread Starter Kenny

    (@footloose)

    Hi Suzie:

    Thank you for your reply and custom code. It worked and now the form looks just as I like.

    Regards,

    Kenny

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Font size setting not respected’ is closed to new replies.