Breakline after checkbox

Home Forums Pie-Register 2.0 Support Breakline after checkbox

This topic contains 4 replies, has 2 voices, and was last updated by  Adil Belmouden 3 years, 8 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2905

    Adil Belmouden
    Participant

    Salam Alaikom Mohsin,

    I have a register page (ibka.abosict.nl/registreren/).
    If you scroll a bit down you’ll see 2 rows of checkboxes.
    I want these to be listed vertically, not horizontally. Also I want the checkbox on the left side of the description.

    So I want the check box on the left of the desciption, and after every description I want it to break, and show the next option on the next row.
    I tried everything, but nothing worked…

    I hope you can help me out in shaa allah.

    Greetings,
    Adil

    #2906

    PIE REGISTER
    Keymaster

    WS,

    Please put this css code on your page.

    body #pie_register .fields .radio_wrap {
       display: inline-block;
    }
    body #pie_register .fields .radio_wrap label {
       clear: left;
       float: right;
       min-width: 93%;
       text-align: left;
       width: auto;
    }
    body #pie_register .fields input.input_fields[type="checkbox"],
    #pie_register .fields input.input_fields[type="radio"] {
       float: right;
       text-align: left;
       width: 15px;
    }
    

    Hope it helps!

    Thanks
    Mohsin

    #2909

    PIE REGISTER
    Keymaster

    Does it work for you? please feel free to let me know if you have other questions as well, by the way, Your Input Matters. Please help us make Pie Register better and feature rich by giving us a favorable rating.
    Just click here: http://wordpress.org/support/view/plugin-reviews/pie-register#postform

    Best regards,
    Mohsin

    #2916

    Adil Belmouden
    Participant

    Thanks you very much brother! It’s almost as how I want it.
    When you view it from a mobile the checkbox isn’t beside the label anymore..? It’s right under it. I want it to be the same as when you view it from a PC.

    It now looks like on mobile;
    Label
    []
    Label
    []
    Label
    []

    But I want it to be like;
    [] Label
    [] Label
    [] Label
    [] Label

    #2918

    Adil Belmouden
    Participant

    Nevermind I figured it out myself! Thanks!!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.