• limostyle

    (@limostyle)


    Hi I am using the theme evolve and it was all going well until I tried to add a ninja form to the website I went and downloaded ninja forms I then went into ninja forms and built the form I wanted I then used the piece of code they gave me to put onto my website but it just comes up with a lot of lines and no writing it looks nothing like the form I created I have a ninja forms on another website and it comes out exactly how I created it but for some reason it’s not working with this theme does anybody have any suggestions I would really appreciate it

Viewing 15 replies - 1 through 15 (of 18 total)
  • Denzel Chia

    (@denzel_chia)

    Hi,

    Your form should be a WordPress plugin.
    And your form should be using shortcodes to produce form on front end.
    Pasting code in WordPress content editor is not going to work, it will get “sanitized”.

    Thread Starter limostyle

    (@limostyle)

    Hi Chia my form is a plugin in wordpress with shortcode but it ends up with just lines on the web page and not as the form i made in ninja forms?

    Denzel Chia

    (@denzel_chia)

    Look for an alternative contact form.
    There are many other free contact form plugins.

    tech55541

    (@tech55541)

    Hello,
    Ninja Forms works fine for me, can I please see a link where you are having a problem. And step by step instructions so I can better understand what your problem is?

    Thanks.

    Thread Starter limostyle

    (@limostyle)

    Hi this is the outcome from my host and it looks like its the theme that is not working on any forms

    FROM HOST
    The problem looks to be related to javascript — on the current theme, it’s calling several different files which is a little unusual, it’d generally be 1 or 2.

    The Ninja Forms plugin looks to be using js too, so it looks to be causing conflicts, which stops the form working.

    tech55541

    (@tech55541)

    Hello,
    Might want to try a different theme. Please let us know the results.

    Thanks.

    Thread Starter limostyle

    (@limostyle)

    Hi I have checked out other plug-ins and it seems to be the same problem every form plug-in I use seems to not work with the Evolve theme and I have been on to other themes and all the form plug-ins are working fine but I really like this theme and I was hoping to use it so I am still trying to find a solution to the problem if anybody can help I can’t be the only one having this problem ?

    Denzel Chia

    (@denzel_chia)

    Hi,

    I am able to use contact form 7 plugin.
    Please see screenshot. https://i.imgur.com/Kc4fHO1.png

    Thank you

    Thread Starter limostyle

    (@limostyle)

    Hi Denzel I have just tried to contact form 7 plug-in I put the short code on the page then done preview and it comes up exactly the same as all the other forms just lines no writing?

    Denzel Chia

    (@denzel_chia)

    Hi,

    Disable other plugins to see which one is causing conflict with forms.

    If you have added any custom css, backup a copy of them and remove them from your website and see if it resolves your issue.

    Post your website URL and let me take a look at your issue.

    Thank you

    Thread Starter limostyle

    (@limostyle)

    Hi Denzel

    I have Disable all the plugins but that did not work and i have not added any css, this is the url

    https://limostyle.co.uk.gridhosted.co.uk/get-a-quote

    Thanks Sean

    Hi,

    It’s a css conflict with Theme.
    Use the following in Theme Options -> Custom CSS

    button, input, optgroup, select, textarea {
        font-size: 18px !important;
    }
    .ninja-forms-field-26-options {
        font-size: 18px !important;
        display: block !important;
        color: #000 !important;
    }

    The following is the result screenshot
    https://i.imgur.com/ayOOvEZ.png

    Thank you

    Thread Starter limostyle

    (@limostyle)

    Hi Denzel yes that works now the page is looking good thank you can you just help me with the two other forms i have on the website for some reason they are not working and do not look right even with that code do you have a code to fix the forms on them as well here is the url of the two pages

    https://limostyle.co.uk.gridhosted.co.uk/booking

    https://limostyle.co.uk.gridhosted.co.uk/contact-us

    Thanks Sean

    Hi,

    The following code is for https://limostyle.co.uk.gridhosted.co.uk/booking/

    label {
        color: #000 !important;
        display: block !important;
        font-size: 18px !important;
        margin: 0 0 20px 10px;
    }

    Please check and see if it affects other forms.
    I will amend these code if it causes conflict with forms on other pages.

    Thread Starter limostyle

    (@limostyle)

    Hi Denzel I have put that coding that you gave me and it works in a way but with a couple of issues the first one is when making the form I asked for the writing to be aligned to the left but on the form it’s coming up above the box and not to the left issue 2 is the white boxes that people fill in are very small and would look better if they were wider and centralised issue 3 is the placeholder seems to all be out of place issue 4 if someone submits the form without filling in The required fields The message that should pop up saying that they need to fill-in the required fields is not showing up issue 5 is on the contact form the labelling is halfway on the white lines but the lines look good and centralised you can see all of these issues by clicking on the page links

    Thanks sean

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘ninja forms not working’ is closed to new replies.