Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 2, 2014 at 5:27 pm #344899
    abovefp

    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!!!

    November 2, 2014 at 6:40 pm #344933
    Arvish

    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

    November 3, 2014 at 2:45 am #345029
    abovefp

    Thanks for the code.

    I will give it a try!

    November 4, 2014 at 4:06 am #345703
    Ismael

    Hi!

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

    Best regards,
    Ismael

    November 9, 2014 at 5:50 am #348276
    abovefp

    Your advice worked! Thanks for your help!

  • Author
    Posts
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.