Okay
  Public Ticket #3302229
Contact Form 7 Button
Closed

Comments

  •  1
    keironc2019 started the conversation

    Hello, 

    I am trying to style the CF7 button on this page, I have 2 issues:


    1 - it's not accepting the styling options in the salient builder

    2 - I have added a class to the button and it's still not pulling in the styling. 


    thanks, 

    Keiron

  •  2,958
    Andrew replied

    Hello again,

    Thank you for reaching out to us.

    This will require custom CSS to adjust the button layout. Could you share a screenshot of how you'd want the button to look and we can add CSS for whats possible.

    Thanks,

  •  1
    keironc2019 replied

    Hi, ideally like is in the header with the gradient. 


    Attached files:  Screenshot 2023-03-14 at 14.01.42.png

  •  2,958
    Andrew replied

    Hello again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    input.wpcf7-form-control.has-spinner.wpcf7-submit.but {
        background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important
    }
    

    Thanks,