3 column form

Re-hi
In the visual-form-builder.css file I changed at lines 308 and 317
select.vfb-small{
width:25%;
select.vfb-medium{
width:50%;
to:
select.vfb-small{
width:15%;
select.vfb-medium{
width:30%;
That didnt change anything

So I then used 100 px for small and 300 px for medium and it couldnt generate the form at all !

OK so there is obviously something that I am missing
Please can you help !
Thanks

The reason you aren’t seeing your changes reflected when editing the visual-form-builder.css file is because the file is minified to visual-form-builder.min.css and that is the version that is used.

You’ve got a couple styles in your theme that are causing the display issues:

.art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}
.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
{
    padding-left: 14px;
}

.art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before
{
    margin-left: -14px;
}

It’s best to override VFB styles in your theme instead of directly editing the CSS files. That way when you update VFB it won’t wipe our your hard work!

Thanks Matthew,
I’ll try your suggestion and see what happens.