• Resolved franziskab

    (@franziskab)


    Dear all,

    First of all – thank you very much for such a great tool. Very easy to use and to modify in order to meet personal preferences.

    However, after checking the entire style sheet for the created Contact
    Form Builder, I’m stucked with two questions which I’ve not been able to find out myself. 🙁

    How and where do I change the font size for the field descriptions such as name, E-Mail, Tel, address, etc.? I’ve found a few things in the style sheet which I can modify, except that. 🙁
    Further, I’ve a line at the bottom – after te submit/ refresh button, which I want to remove. How/ where do I modify that?

    Thank you very much for your help. I very much appreciate your support and quik feedback. In case there is more information required, please do let me know. Further, I’m happy to send a screenshots if necessary.

    Have a nice evening/ a good night.
    franziskab

    https://wordpress.org/plugins/contact-form-builder/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Sona

    (@support-web-dorado)

    @franziskab,

    To make font changes for the labels please add .wdform-label { font-size:14px !important; } where you can change 14 to your desired option.

    As for the line, you need to provide me the link to the form so that I can see what line you are referring to, so that I will suggest you custom css for this as well. Thanks.

    Thread Starter franziskab

    (@franziskab)

    Thank you very much for your feedback Sona. Much appreciated.

    I’ve made the modification in the CSS and have been able to change the font size accordingly. 🙂

    Concerning the line – please find herewith the link to the contact form… > http://www.omnisky.ch/cms/kontakt/
    I would like to remove the line below “Senden” “Zurücksetzen”. Where in the CSS form do I need to amend the original entry?

    Sorry, but I’ve two another questions which I hope you can assist me with as well:
    – How can I fix the size of the big message field so that the person using the form can’t change the size by draging it using the mouse?
    – Which entry in the CSS is responsible for the space between the entry field and the additional information below such as Street, No, City/ ZIP?

    I very much look forward receiving your feedback soon and thank you very much for your support and suggestions.

    Have a good rest of the week.
    franziskab

    Sona

    (@support-web-dorado)

    @franziskab,

    First of all of the stated lines and underlines are coming from your theme and not own plugin theme. Your theme styles are overwriting them:

    To remove the border please add the following to the same CSS

    .wdform_column>div {
    border-bottom: none !important;
    }

    To remove the line below the buttons

    .button-submit {
    text-decoration: none !important; }

    .button-reset {
    text-decoration: none !important; }

    for the textarea:

    textarea {
    resize: none !important;
    }

    As for the space between the mini-label and the form input, then it’s fixed so that they will not be overwritten by one another.

    Hope this info was really helpful for you.

    P.S. Note that you have a jQuery issue on that page related to favicon. I will strongly encourage you to resolve it. Thanks.

    Thread Starter franziskab

    (@franziskab)

    Good afternoon Sona,

    Hope this message finds you well.
    Thank you very much for your feedback and please do apologize for the delayed response.

    I think I’ve been able to solve most of the above now. However, there are still some questions I’m just not able get through… I’m sorry. 🙁

    1) How can I fix the size of the big message field so that the person using the form can’t change the size by draging it with the mouse?

    2) The contact form itself as well as the lines, such as Vorname, Name/ E-Mail/ Tel, etc. all have a size/ height, which I would like to amend/ reduce slightly… However, I’m not able to change that in the css. If I look into the page information though, I can see the follwoing entry:
    form#contactform21.contactform21 |623.517 x715
    div.wdform_row ui-sortable-handle | 563.517 x 40

    More details on the line size:

    [ Please do not post large amounts of CSS code in these forums, use pastebin.com instead and share that link. ]

    Please, could you help me on that and let me know where this particular modification on the lines but also on the overall size of that form can be made.

    3) Unfortunately, I’m not sure what you mean by the below and how to solve that problem. > “P.S. Note that you have a jQuery issue on that page related to favicon. I will strongly encourage you to resolve it. Thanks.”

    I very much look forward hearing from you soon and do apprecite your support/ help.

    Have a nice day and receive sunny greetings from Switzerland.
    franziskab

    Sona

    (@support-web-dorado)

    @franziskab,

    The textarea cannot be controlled. The user will be able to make it large with mouse drag. That’s the main purpose of the field.

    The height of the fields cannot be reduced since the entered text will not be visible, that’s why it is a fixed dimension.

    As for the error you will have to contact your theme support team to resolve it .Thank you.

    how do I change the size of the text when you are filling out the form? It is too small!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘change font size & remove line in the Contact Form Builder’ is closed to new replies.