fields in groups in one line

  • zingiel

    (@zingiel)


    9 years, 6 months ago

    I have form code (CF7 & CF):

    Book: [select* book include_blank "1" "2" "3"] / Song: [group book-1][select* song include_blank "1" "2" "3" "4" "5" "6" "7"][/group][group book-2][select* song include_blank "1" "2" "3" "4" "5"][/group][group book-3][select* song include_blank "1" "2" "3"][/group]

    I’d like text ‘Song’ and his select to be on right sida of ‘Book’ and his select,
    but result of ‘Book’ selection is ‘Book’, select and ‘Song’ in first line, and select of ‘Song’
    is in second line.
    I see in html result code ‘group’ tag is replaced by code:

    <div id="book-1" data-class="wpcf7cf_group" style="display: block;">

    How to place four my fields – ‘Book’, select, ‘Song’, select – in one line,
    can CF plugin put ‘div’ code with ‘style=”display: inline”‘ ?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jules Colle

    (@jules-colle)

    9 years, 6 months ago

    A quick hack that might work for now is to add this rule to your CSS code:

    .wpcf7cf_group { display: inline !important; }

    Thread Starter zingiel

    (@zingiel)

    9 years, 6 months ago

    Thanks,
    I tried your piece of code put in ‘cf7-conditional-fields/style.css’ also in ‘cf7-conditional-fields/admin-style.css’, it not work :/
    Second select field (of song) is under text ‘Book’.
    Where I must put this css code, how file be modify?
    Sorry, I’m c++ programer, I litle know html (also english) 😉

    Plugin Author Jules Colle

    (@jules-colle)

    9 years, 6 months ago

    you should put it in your theme’s style.css file. but probably the most important thing is to clear your browser cache after you made the change. ctrl+shift+r

    Thread Starter zingiel

    (@zingiel)

    9 years, 6 months ago

    I use ‘Twenty Sixteen’ theme and I put this code:
    .wpcf7cf_group { display: inline !important; }
    on end file ‘wp-content/themes/twentysixteen/style.css’
    and it not work unfortunately :/
    I don’t know why,
    I refresh my opera browser, but it’s not helping.
    When I save generated website on my local disk I found this code (with ‘!important’) in file ‘style(1).css’.
    I’m helpless.
    Can you tell me, which place in the code your plugin
    is responsible for the entry:
    <div id="book-1" data-class="wpcf7cf_group" style="display: block;">
    then I myself change this code in plugin file(s).

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘fields in groups in one line’ is closed to new replies.