Contact Form 7
[resolved] Trouble styling a specific field (4 posts)

  1. SeanSailor
    Posted 1 year ago #

    We wanted the majority of our fields to be displayed stacked vertically, so we added the following code to our style sheet:

    span.wpcf7-list-item { display: block; }

    However, there are a few fields that we to have displayed vertically. For example, we have a survey question where we want to have the visitors rate their experience on a level of 0-10, so we want all the radio buttons for the choices to all be displayed inline instead of blocked.

    We added a unique style:

    #horiz-input {display: inline;}

    and referenced it in our form tag

    [radio your-referral id:horiz-input use_label_element "0" "1" "2" "3" "4" "5" "6" "7" "8" "9" "10"]

    but this is not working.

    What are we doing wrong?


  2. Takayuki Miyoshi
    Plugin Author

    Posted 1 year ago #

    It should be:

    #horiz-input span.wpcf7-list-item {display: inline;}
  3. SeanSailor
    Posted 1 year ago #

    Thanks for the quick response! I'll make the change.

  4. SeanSailor
    Posted 1 year ago #

    That did it! Thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic