WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] Style checkboxes (8 posts)

  1. Mirko G.
    Member
    Posted 1 year ago #

    Hi guys,

    I'm having some issue styling CF7.
    I built sort of a questionnaire and I need to have it styled like a grid.

    Question_1: Answer_A Answer_B Answer_C
    Question_2: Answer_A Answer_B Answer_C

    and so on.
    Problem is that I can't find a way to format either the checkboxes or the radio buttons like that. They always show up in a column... even though checkboxes are supposed to be in a row by default... :(

    Thx

    http://wordpress.org/extend/plugins/contact-form-7/

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 1 year ago #

  3. Mirko G.
    Member
    Posted 1 year ago #

    Thanks for the answer but I read that already.

    In default, Contact Form 7 renders checkbox first and its label last as shown below:

    [ ] Option 1 [x] Option 2 [ ] Option 3

    I exactly want the default. But I don't get it...

  4. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 1 year ago #

    Maybe your theme's stylesheet contains styles for checkboxes.

  5. Mirko G.
    Member
    Posted 1 year ago #

    Hmmmm... Would you help me to understand how to get rid of it without screwing other parts of the website?

    http://wp.me/P2pbmi-fZ

  6. biswajeet
    Member
    Posted 1 year ago #

    Try out this css for your that page only

    span.wpcf7-list-item br { display: none; }
    
    form.wpcf7-form { width: 715px !important; }
  7. Mirko G.
    Member
    Posted 1 year ago #

    Thank you guy! You made my day!

  8. lawriem1
    Member
    Posted 1 year ago #

    Hi. I have a different problem with radio buttons and check boxes. They are not in line with the text when the web page is viewed using IE9 but are raised above the text which looks odd.

    http://stlaurencelodge.org.uk/meeting-attendance

    It looks OK when viewing using Firefox.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic