Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 7, 2019 at 6:07 pm #1064233
    gubano

    Hello,
    I need help with customizing contact form. I need the frame to be color #696969 to match the color scheme on the page.
    Also, the form title and “send” button should be color #623920; elements – color #4ecac2.
    When a person clicks “send” button, it would be great if the button color changed to #4ecac2.

    Please advise.
    Thank you so much in advance!

    February 8, 2019 at 6:22 pm #1064717
    Victoria

    Hey gubano,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    February 8, 2019 at 6:52 pm #1064734
    gubano

    Here you go:

    https://www.dropbox.com/s/ruwxy155ueajjq2/Contact%20Form%20Mockup.jpg?dl=0

    When a person clicks “Send Message” button, it would be great if the button color changed to #4ecac2.

    Thank you for your help!

    February 9, 2019 at 4:14 am #1064848
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-162 .main_color input[type='text'],#top.page-id-162 .main_color input[type='email'],#top.page-id-162 .main_color textarea {
border-color: #696969 !important; 
}
#top.page-id-162 .main_color #submit,#top.page-id-162 .main_color input[type='submit'] {
background-color: #623920 !important; 
}
#top.page-id-162 .main_color #submit:hover,#top.page-id-162 .main_color input[type='submit']:hover {
background-color: #4ecac2 !important; 
}
#top.page-id-162 .main_color label {
color: #4ecac2 !important; 
}

    Best regards,
    Mike

    February 10, 2019 at 10:42 pm #1065221
    gubano

    Mike,

    You are the best! Thank you so much! It works :)

    February 10, 2019 at 10:45 pm #1065222
    gubano

    Would you mind assisting me in menu panel arrangement on the website as well? I’d like the logo to be on the left, but I need menu to be on the right and BELOW. Please advise. Thank you in advance!

    February 10, 2019 at 11:52 pm #1065233
    Mike

    Hi,
    It looks like you would like the header setup from the construction demo Please try going to Enfold > Header > Header Layout > Menu and Logo Position and choosing “Logo left, Menu below”
    Please let us know if that works for you. Please see our header documentation for other options.

    Best regards,
    Mike

    February 15, 2019 at 7:50 pm #1067556
    gubano

    Thank you, Mike!

    Would you mind if I ask you one last question?
    How to change font color for answers in FAQ? It’s #4ecac2 now, but I need it to be #696969.

    Thank you in advance!

    February 16, 2019 at 3:55 am #1067609
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-867 .single_toggle .toggle_content p {
color: #696969 !important;
}

    Best regards,
    Mike

    February 16, 2019 at 6:50 pm #1067765
    gubano

    You are AMAZING! Thank you so much for all your help!

    February 16, 2019 at 8:23 pm #1067779
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Change Frame and "Send" Button Color in Contact Form’ is closed to new replies.