How to CSS style the form Submit button?

  • Resolved gb24

    (@gb24)


    7 years, 5 months ago

    Plugin version 1.3.4

    I’ve been able to CSS style some of the Constant Contact form elements such as:

    .ctct-form-wrapper .ctct-submit { cursor: pointer;}
.ctct-button {background-color: #f44336;}

    What classes/ids can I use to style the form submit button color, font, etc? Or to simply inherit my theme’s style?

    Note that the .ctct-button class controls the “Edit Form” link style when logged in as Administrator, not the actual form submit button.

    Thank you.

    • This topic was modified 7 years, 5 months ago by gb24.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Michael Beckwith

    (@tw2113)

    The BenchPresser

    That .ctct-submit class is one of the available ones on the button itself. You could also use #ctct-submitted ID that’s available as well. Other than that, it may simply be a case of CSS specificity and needing stronger selectors.

    Thread Starter gb24

    (@gb24)

    Thank you, Michael, for the quick response which resolved my issue.

    As you suggested, using the more specific selector (#ctct-submitted) fixed if for me! Please mark as resolved.

    Plugin Contributor Michael Beckwith

    (@tw2113)

    The BenchPresser

    Welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to CSS style the form Submit button?’ is closed to new replies.

Tags