• Resolved thewebstylist

    (@thewebstylist)


    You can see what I’ve done in editing (small grey button) but large black button still showing. I’ve tried this multiple times in a few days, cleared cache etc
    Any idea how I can fix the issue (I can’t use it as is and really don’t want to use Contact form 7 or Gravity forms, yours is amazing! GRT design flexibility)

    View post on imgur.com

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • thethemefoundry

    (@thethemefoundry)

    Hey there, @thewebstylist ??

    It looks like your theme is overriding HappyForms styles for submit button. As it turns out, that prevents settings from Style step being applied. Would you mind popping in the following CSS to Additional CSS section in Customizer? That should patch it up for you.

    #grve-theme-wrapper input[type=submit].happyforms-button--submit,
    #grve-theme-wrapper input[type=submit][disabled].happyforms-button--submit {
        -webkit-appearance: none;
        height: auto;
        padding: 20px 40px;
        border-radius: 4px;
        border: 1px solid transparent !important;
        border-color: var(--happyforms-color-submit-border) !important;
        font-weight: bold;
        font-style: normal;
        font-size: 18px;
        font-size: var(--happyforms-submit-button-font-size);
        color: #fff;
        color: var(--happyforms-color-submit-text);
        background-color: #407fff;
        background-color: var(--happyforms-color-submit-background);
        background: #407fff;
        background: var(--happyforms-color-submit-background);
        text-transform: none;
        transition-property: all;
        transition-duration: 0.25s;
        transition-duration: var(--happyforms-transition-duration);
        transition-timing-function: ease-in;
    }
    
    #grve-theme-wrapper input[type=submit][disabled].happyforms-button--submit {
        cursor: default;
    }
    
    #grve-theme-wrapper input[type=submit].happyforms-button--submit:hover,
    #grve-theme-wrapper input[type=submit].happyforms-button--submit:focus {
        cursor: pointer;
        border-radius: 4px;
        border-color: transparent !important;
        border-color: var(--happyforms-color-submit-border) !important;
        background-color: #3567cc;
        background-color: var(--happyforms-color-submit-background-hover);
        background: #3567cc;
        background: var(--happyforms-color-submit-background-hover);
        text-transform: none;
        color: #fff;
        color: var(--happyforms-color-submit-text-hover);
    }
    
    #grve-theme-wrapper input[type=submit][disabled].happyforms-button--submit:hover,
    #grve-theme-wrapper input[type=submit][disabled].happyforms-button--submit:focus {
        cursor: default;
        background-color: #407fff;
        background-color: var(--happyforms-color-submit-background);
        background: #407fff;
        background: var(--happyforms-color-submit-background);
        color: #fff;
        color: var(--happyforms-color-submit-text);
    }

    It looks like a lot but all it really does is prepending your theme’s container ID to HappyForms selectors so that you can configure Submit Button styles in form builder.

    Hope this helps! ??

Viewing 1 replies (of 1 total)
  • The topic ‘The button edits are not working (GRT PLUGIN!)’ is closed to new replies.