Breakline after checkbox

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10002905
    Avatar
    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

    #10002906
    Avatar
    Pie Register
    Participant

    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

    #10002909
    Avatar
    Pie Register
    Participant

    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

    #10002916
    Avatar
    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

    #10002918
    Avatar
    Adil Belmouden
    Participant

    Nevermind I figured it out myself! Thanks!!

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

The forum ‘Pie-Register 2.0 Support’ is closed to new topics and replies.

Checkout
0
PURCHASE NOW