Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #16350

    Hi,

    I’ve build some forms with the plugin “Visual Form Builder”.

    Result: http://www.wenv-verzekeringen.be/offerte_personenwagen

    Because of the configuration of the Broadscope-theme, it automatically adds bullets and lines to the layout as you can see.

    Is there a way to just disable this Bullets and extra lines just for this page/form I create?

    thanks in advance!

    Vanwero

    #91174

    Hi,

    Please add this on your custom.css

    li.item.item-text, li.item.item-select {
    background: none;
    }

    Regards,

    Ismael

    #91175

    Hi Ismael,

    it’s not working…I think!

    Bullets are not disappearing when i put the code in the custom.css-file.

    The lines of the titles are still double! (I think a title gets automatically a line in this theme, and also the plugin adds one)

    And your code is applying to the whole theme then, I guess?

    I only want to apply it to one page if possible? (ex. when I add a title, I still wants it to be automatically underlined…)

    Greets,

    Vanwero.

    #91176

    Hi,

    The code above just removes the bullets. It works on my end. Not sure what you mean by double line.

    Regards,

    Ismael

    #91177

    Hi Ismael,

    unfortunatly for me it doesn’t… (I added the code in my custom.css, in my style.css,…) => nothing worked.

    Concerning the lines:

    http://www.wenv-verzekeringen.be/offerte_personenwagen

    => Under every text-box, it draws a very thin line. Under every big title on my form it draws 2 lines…

    => I know it has something to do with the theme-standards! When I add a bullet on a page, it always draws a thin line between 2 bullets. When I put a title on a page, it automatically draws a line under the title,…

    I hope I made it a bit clear?

    Regards,

    Vanwero

    #91178

    Hi vanwero,

    To remove the bullets and the line below the textfield, try to add this code:

    .visual-form-builder ul li {
    background: none;
    border: 0;
    }

    or

    .visual-form-builder ul li {
    background: none !important;
    border: 0 !important;
    }

    For the double line, try to add this code:

    .visual-form-builder .legend {
    border: 0;
    }

    or

    .visual-form-builder .legend {
    border: 0 !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #91179

    Hi Ismael,

    everything works great! Except the double lines in the title!

    But it already helped me a lot! (the bullets were the most annoying!!;-))

    => the second one with the !important worked for me.

    Thanks,

    Vanwero.

    Ps: if you find a solution for the double line, I will read it here!

    #91180

    Hi,

    For the double lines try this

    .visual-form-builder .legend {
    border-bottom: none!important;
    }

    Regards,

    Ismael

    #91181

    Sorry Ismael,

    not working!! It’s a hard one!!;-))

    Regards,

    Vanwero

    #91182

    Hi Vanwero,

    Try to use this code:

    .visual-form-builder ul.section {
    border: 0;
    }

    or

    .visual-form-builder ul.section {
    border: 0 !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #91183

    Perfect!

    Now all my issues are solved!!

    Thank you so much!!

    Vanwero

    #91184

    Hi Vanwero,

    Glad that we could help. I’ve marked this thread as resolved. :)

    Cheers,

    Ismael

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

The topic ‘Layout: Bullets and double lines on page (Form Builder Plugin)’ is closed to new replies.