Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #344899

    How do I change the button size, background and font color of the “submit” button in just one contact form? I would like to keep the default size and color of the submit button for the rest of the contact forms the same throughout the site.

    Below is code for the button I created using the theme tools:

    [av_contact (Email address hidden if logged out) ' title='' button='Yes! Help me learn!' on_send='' sent='Thank you! Your request has been sent!' link='manually,http://' subject='Interested in Guided Learning' autorespond='' captcha='' color='']
    [av_contact_field label='E-Mail' type='text' options='' check='is_email' width=''][/av_contact_field]

    [/av_contact]

    If I can insert custom code into this code to get the background color #b20d0d, and font color #ffffff, please let me know where to insert this code to override the default theme submit button colors.

    Also, where can I insert code to make this one “submit” button smaller? I want the button to be smaller and shaped more like the small sized buttons this one:
    [av_button label='Yes! Help me learn!' link='page,296' link_target='' size='small' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='custom' custom_bg='#b20d0d' custom_font='#ffffff']

    I read other threads and it involved adding custom CSS. I was hesitant to do this because I thought it would change the submit buttons for all the contact forms throughout the site, which is not what I want. I just want to change this one button.

    Thanks in advance for your help! Great theme!!!

    #344933

    Hi abovefp!

    First refer to this article to turn on Custom CSS Class fields:
    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Second open your contact form’s settings and find the the Custom CSS Class setting.

    Insert customcontactform in the text field.

    In Enfold Theme Options > General Styling > Quick CSS

    Add the following code and save

    .customcontactform input[type="submit"]{
    
    background-color:#b20d0d !important;
    color: #FFF !important;;
    border-color: #b20d0d !important;
    
    }

    Cheers!
    Arvish

    #345029

    Thanks for the code.

    I will give it a try!

    #345703

    Hi!

    Let us know if it works. We’ll keep the thread open.

    Best regards,
    Ismael

    #348276

    Your advice worked! Thanks for your help!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to change the "submit” button in just one contact form?’ is closed to new replies.