Contact Form Styling

  • Resolved kairey1964

    (@kairey1964)


    10 years, 4 months ago

    Alex I hope its better posting support messages here as they seem to get lost on your web page for the template and I fear you have not seen my replies/questions to you….

    Anyway I have the ongoing problem of the styling of the form which is fine on pages but will not display correctly when placed within a post….

    This was your suggestion but it does nothing at all???

    This is mainly for plugin compatibility – as form styling may interfere with them, so it’s only added by default to pages. However, it’s a quickfix! Just put class=”themeform” around whereever you want to use the theme forms.

    In this case it would be single.php, edit it and locate:
    class=”entry-inner”
    Change it to:
    class=”entry-inner themeform”

    Hope you can help….

    Still hugging!

    KEVIN

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter kairey1964

    (@kairey1964)

    10 years, 4 months ago

    LOL don’t believe it….

    I tried this several times and nothing happened, I was editing the file via FTP. Then I edited via the CP in Appearance>Editor and boom your answer worked!

    Now I just need to get it to work on a custom field I added which has dropped the styling….

    Hopefully I will figure this out, but you can see the problem here http://wp.me/p4a4BR-2O on the telephone field…

    KEVIN

    Thread Starter kairey1964

    (@kairey1964)

    10 years, 4 months ago

    OK please correct me if I am wrong but as I have added a custom field to the form I have had to amend the plugins css and the base forms css in style.css in several places…

    Is this correct that every time I add a field I will have to do this?

    KEVIN

    devonvmz

    (@devonvmz)

    9 years, 11 months ago

    Thanks for the great theme Alex!

    I’m having issues with the form styling on post pages. I’m using the Ninja Forms plugin. The plugins default styling is working correctly when added to a WP page, but when added to a WP post the styling is lost.

    I have tested other form builders and contact forms, and the result is the same.

    I’m using a child theme of the Hueman theme, created with the plugin “Child Theme Configurator”, and I’m a newbie to WP, so I may not have need to make changes to the child theme.

    Best regards,
    Devon

    Alexander Agnarson

    (@alxmedia)

    9 years, 11 months ago

    The css class “themeform” adds all theme-form styling. The only template that has this class by default is the default page.

    So you could either add:

    <div class="themeform">
forms here
</div>

    Around it, or add the themeform class in single.php where it says:

    <div class="entry-inner">

    Change to:

    <div class="entry-inner themeform">

    The reason it is bound to the themeform class is so that it is easy to remove in-built form styling so that it doesn’t conflict with plugins separate form css.

    devonvmz

    (@devonvmz)

    9 years, 11 months ago

    Thank you Alex!
    Devon

    Alexander Agnarson

    (@alxmedia)

    9 years, 11 months ago

    Thank you 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Contact Form Styling’ is closed to new replies.