Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #894450
    tiamcdowell
    Participant

    My contact form submit buttons will not respond to custom css coding or the global settings in my customizer. All the buttons on the site are set to #ff0000 with a hover color of #9c2626. However, the buttons on the forms for contact form 7 and get response are showing the main color #ff0000, but when you hover they turn purple. I have tried all the coding suggested throughout the forum and nothing is working. I have written an email to themeco with no help. I’ve looked all over google. Someone please help.

    http://testsite.thescholarmom.com

    Thank you

    #895226
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    
    
    .x-btn.button-purple:hover, .button.button-purple:hover, input[type="submit"]:hover {
        background-color: #9c2626;
        border-color: #9c2626;
        box-shadow: 0 0.25em 0 0 #ff0000, 0 4px 9px rgba(0, 0, 0, 0.75);
    }

    Hope that helps.

    #895595
    tiamcdowell
    Participant

    The code you gave me is to change the buttons purple. That’s actually completely opposite of what I’m trying to fix. And it’s not for X buttons…

    X comes with a plugin for contact form 7. The buttons on contact form 7 will not accept any coding that I put in. I need the submit buttons for the contact form 7 to be #ff0000 and hover #9c26256.

    I need the proper code for that, but the bigger problem is that they are not responding to the coding at all, and the plugins, theme, and wordpress are all up to date. I have tried everything and still can’t get this issue fixed. I have even searched for alternate contact form plugins with no success, especially due to the new WP update. Most of the plugins are showing as untested with this version of wordpress.

    #896443
    Nabeel A
    Moderator

    Hi again,

    The URL you provided isn’t loading on my end. Can you please double check the URL you provided.

    Thanks!

  • <script> jQuery(function($){ $("#no-reply-894450 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>