How css works for columns?

  • Resolved mgo3

    (@mgo3)


    4 years, 3 months ago

    Hi!

    I need to do 4 columns in a form and I’m using the css classes one-fourth first, one-fourth second, one-fourth third and one-fourth fourth.

    Is that correct? Because the result is not! ??

    What I need is to create the top form (ninja) exactly the same as the bottom one (html). Anybody knows how could I do it?

    Thanks a lot!
    Miguel

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter mgo3

    (@mgo3)

    Ok, I found it out. “One-fourth” defines the four column element (from left to right row by row) and you have to add “first” to define the first item of a row.

    What I need now is to know:

    – How to do a rowspan? (I need some cells using the space of more than one row)
    – How to set full-width for the form? (I tried some css but didn’t work)

    Thanks a lot,
    Miguel

    Thread Starter mgo3

    (@mgo3)

    I got the full width 

    .nf-form-content {
	max-width:100%!important;
 	padding: 2em;
}

    Any help for doing the rowspan?

    I’m using new classes like the ones listed below this for each form item but did not work. 

    .cell20{
	height:20%!important;
}

.cell40{
	height:40%!important;
}

.cell60{
	height:60%!important;
}

.cell100{
	height:100%!important;
}

    Thank you very much,
    Miguel

    Plugin Contributor Justin McElhaney

    (@jmcelhaney)

    The easiest way to accomplish this use case would be using the Layout & Styles add-on https://ninjaforms.com/extensions/layout-styles/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How css works for columns?’ is closed to new replies.