Skip to content

Instantly share code, notes, and snippets.

@thebengalboy
Last active May 8, 2019 16:49
Show Gist options
  • Select an option

  • Save thebengalboy/caab134a3d35183300d7a30c23615405 to your computer and use it in GitHub Desktop.

Select an option

Save thebengalboy/caab134a3d35183300d7a30c23615405 to your computer and use it in GitHub Desktop.
Adding multi-column field on the WPUF and weForms
//Add this CSS to your theme style.css file
//For the two column: Use the class .wpuf-col-half on the first field advanced settings->Custom CSS codes. Then Add the .wpuf-col-half-last on the 2nd filed advanced settings->custom CSS codes
//For the treee column: Use the class .wpuf-col-one-third of the first two field advanced settings->Custom css codes. Then Add the .wpuf-col-one-third-last on the last field on advanced settings->custom CSS codes
.wpuf-col-half,
.wpuf-col-half-last {
width: 50%;
float: left;
}
.wpuf-col-one-third,
.wpuf-col-one-third-last {
width: 33%;
float: left;
}
.wpuf-col-half-last + li,
.wpuf-col-one-third-last + li {
clear: left;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment