How can I style Contact Form 7 checkbox?

  • Resolved hboneill

    (@hboneill)


    5 years ago

    You can see an example on the page I linked, also how to edit for comments as well.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello,

    Thanks for reaching out to us.

    Can you please share more details of what you mean by edit it for comments? Do you mean you want to add the “Subscribe” checkbox to WordPress comment form?

    Thread Starter hboneill

    (@hboneill)

    Sorry,

    I have enabled the integration with Contact Form 7 and placed the checkbox in my form, that all works fine.

    However I do not like the look of the checkbox and was wondering what CSS identifies to use to style it to look like the rest of my site.

    Thanks

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello,

    The checkbox placed by our plugin does not include any special CSS. It’s styled by the browser. You can use the following class and add your own custom styling to it.

    .mc4wp-checkbox-contact-form-7 input { }

    Thread Starter hboneill

    (@hboneill)

    Thanks that was what I was looking for.

    Thread Starter hboneill

    (@hboneill)

    Is there any way to style my checkbox here: https://hboneill.com/contact/ to make the box and text a bit larger and modern to fit rest of theme, I’ve tried a few things but can’t get it to work.

    Thanks

    Plugin Contributor Lap

    (@lapzor)

    I’m afraid writing custom CSS for your site is not part of our free support.
    Maybe this will help: https://www.w3schools.com/howto/howto_css_custom_checkbox.asp

    Hope that helps. If you have any questions, please let me know!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How can I style Contact Form 7 checkbox?’ is closed to new replies.