Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1364112

    I would like to round the corners of the form fields and the submit button.

    I would also like to edit the font size of the form fields, form labels and the submit button.

    Can I have the CSS code? Thanks.

    • This topic was modified 1 year, 10 months ago by Samuel.
    #1364116

    Hey Samuel,

    Please try this in Quick CSS:

    #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select, .main_color input[type='submit'] {
        border-radius: 10px;
    }

    Best regards,
    Rikard

    #1364120

    Thanks!

    What about editing the font size of the form fields, form labels and the submit button?

    #1364129

    Hi,

    Try this CSS as well:

    .main_color label {
      color: red; 
      font-size: 36px;
    }
    
    .main_color input[type='submit'] {
      color: blue; 
      font-size: 24px;
    }

    Best regards,
    Rikard

    #1364148

    The button size code works. The form label code didn’t work.

    #1364164

    The input fields would look better if they were white. How do I change that? Thanks.

    #1364165

    Hi,

    Thank you for the update.

    The css code for the label above should have worked. Please try this modified css again.

    .main_color .avia_ajax_form label {
        color: red;
    }

    Do you mean the input placeholder?

    ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color:    #909;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color:    #909;
       opacity:  1;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color:    #909;
       opacity:  1;
    }
    :-ms-input-placeholder { /* Internet Explorer 10-11 */
       color:    #909;
    }
    ::-ms-input-placeholder { /* Microsoft Edge */
       color:    #909;
    }
    
    ::placeholder { /* Most modern browsers support this now. */
       color:    #909;
    }
    

    Based on: https://stackoverflow.com/questions/2610497/change-a-html5-inputs-placeholder-color-with-css

    Best regards,
    Ismael

    #1364172

    It didn’t work. It’s okay, close the thread, I’ll revisit another time.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Enfold Form Edits’ is closed to new replies.