Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 31, 2018 at 9:05 pm #1004217
    MCGWebmaster

    Good day –
    I’ve been trying to figure out how to change the background color of our “Submit” button in the contact us form I inserted. I’ve tried several codes that were suggested here on this support forum already, so I apologize that none of them worked and I’m having to ask you this question.

    The page I’m working on is 13137 and the color I want to change the background of the “Submit” button is #044f8d. The button/click/hover being black is fine. I’ve tried some CSS coding that involves using the page number, and some without – none have worked so far. Here is what I currently have. I would like the “Submit” font white, I do realize I might have changed it with the coding below. I figured if it worked I would figure out the font color later, but nothing changed. Also, I think the code below would also change the hover color as well, which is fine – but it’s fine that it’s black too. I mainly wanted to get rid of the default orange.

    .main_color input[type='submit'] { background-color: #044f8d; color: #044f8d; border-color: #044f8d; }
.main_color input[type='submit']:hover { background-color: #044f8d; color: #044f8d; border-color: #044f8d; }
}

    I’ll insert the page I’m working on below for moderators (aka coding superstars!). THANK YOU so much!

    • This topic was modified 6 years, 3 months ago by MCGWebmaster.
    September 1, 2018 at 2:07 pm #1004365
    Vinay

    Hey MCGWebmaster,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Submit button */


#top .avia_ajax_form input[type='submit'] {
border: none;
background: #3018ad!important;
color: #f6f6f5;
}
#top .avia_ajax_form input[type='submit']:hover {
background: #000000!important;
}

    For more info please check

    Contact Form

    Best regards,
    Vinay

    September 7, 2018 at 6:35 pm #1007248
    MCGWebmaster

    Vinay, thank you SO much – truly made my day. Appreciate it!!!

    Also, thanks for the reference I can check out, appreciate that as well. Have a great weekend! This might be second nature to you coding gurus, but hope you feel good about having a job where you’re truly helping people out!

    September 7, 2018 at 7:16 pm #1007261
    Jordan Shannon

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change background color of Submit button in form’ is closed to new replies.