Unable to change HTML button styles(Forminator plugin)

  • Resolved jzzz

    (@jzzz)


    4 years, 9 months ago

    Hi there
    I am an amateur in wordpress and recently I was able to add a custom button using the html field but unfortunately couldn’t change the style using CSS.

    Here is the html that I have used in the form:
    <p><button type=”button”>Continue</button></p>

    Could you help?

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @jzzz,

    In order to customize your Continue button you can use this selector in your CSS code:
    #html-1 .forminator-field > p > strong > button

    So, depending on what do you want to customize you can have something like this:

    #html-1 .forminator-field > p > strong > button {
    color: #000;
    padding: 5px 20px;
    background: #3d9cd2;
    border: 1px solid #757575;
}

    Hope this helps.

    Cheers,
    Predrag

    Thread Starter jzzz

    (@jzzz)

    Hi @wpmudev-support1,

    How do I use the button as a link?

    The Css worked just fine but when I add a link, css doesn’t work. The button style goes back to default.
    The whole purpose of the button was to make it function as a link.
    Please help

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @jzzz ,

    Can you show us your full button code? I’m not sure what do you mean by adding a link to the button.
    Maybe you need to just have a link that is a style like a button?

    To do that you can use CSS Buttons generator like this one https://www.bestcssbuttongenerator.com/

    kind regards,
    Kasia

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Unable to change HTML button styles(Forminator plugin)’ is closed to new replies.