WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] 2 forms need different styling (1 post)

  1. chappie
    Member
    Posted 3 months ago #

    My localhost dev site uses CF7 to create two completely different forms on the site and I'm having difficulty figuring out how to target them individually in CSS.

    If I target just .wpcf7 I can change the style properties of both forms but I haven't found the right selector to target each form separately. If I target the IDs, I get no result with: .wpcf7 .wpcf7-f715-p19-o1, nor with just .wpcf7-f715-p19-o1, nor with .wpcf7 #wpcf7-f715-p19-o1 - so I'm missing something.

    I read the CSS documentation but couldn't find any reference to styling two forms on the same site differently. Any help appreciated.

    STOP PRESS: Hang on! I may have cracked it! Do I just use the hashtagID selector on its own, eg. #wpcf7-f715-p19-o1?

    https://wordpress.org/plugins/contact-form-7/

Reply

You must log in to post.

About this Plugin

About this Topic