Title: Style differs between Embed / Form direct
Last modified: May 7, 2021

---

# Style differs between Embed / Form direct

 *  Resolved [kapppa](https://wordpress.org/support/users/kapppa/)
 * (@kapppa)
 * [5 years ago](https://wordpress.org/support/topic/style-differs-between-embed-form-direct/)
 * Hi there!
 * First of all.. Great plugin, great job! Well done!
 * I´ve noticed that the design for the direct form version and the embedded version
   are different.
 * In the direct form version the steps-block is located on the right side and the
   steps are listed vertically.
 * In the embedded version – of the exact same form – the steps block is located
   above the form and the steps are listed horizontally.
 * Is there something I´m missing? How would I achieve the same design for the embedded
   version. So, I want to have the navigation block on the right of the form.
 * Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Michele Giorgi](https://wordpress.org/support/users/michelegiorgi/)
 * (@michelegiorgi)
 * [5 years ago](https://wordpress.org/support/topic/style-differs-between-embed-form-direct/#post-14465862)
 * Hi [@kapppa](https://wordpress.org/support/users/kapppa/)!
    First, thanks for
   trying Formality and sorry for the delay…
 * > I´ve noticed that the design for the direct form version and the embedded version
   > are different.
 * I can confirm this is the right behavior. The inline-embed is a light version
   of the standalone page, with a 760px max-width wrapper. This is intended to be
   used like a “widget” inside a layout row/section in your post/page templates.
   
   Due to the small width, these forms inherit the mobile style rules, with sticky
   horizontal navigation.
 * If you want the full version view of your form (with step sidebar on desktop 
   viewports) you have to direct link to the standalone page.
 * If you have some basics about HTML/CSS/PHP languages, you can also extend/customize
   the standalone template by adding a single-formality-form.php file inside your
   theme’s root directory.
 * You can start by copy-paste the current template source code here:
    [https://github.com/michelegiorgi/formality/blob/master/public/templates/single.php](https://github.com/michelegiorgi/formality/blob/master/public/templates/single.php)
 * Please, let me know if it’s clear enough 🙂
 * Cheers
 *  [rizoma](https://wordpress.org/support/users/rizoma/)
 * (@rizoma)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/style-differs-between-embed-form-direct/#post-14920048)
 * Hello Michele and thank you for this wonderfull plugin we love so much! 😀
 * [https://github.com/michelegiorgi/formality/blob/master/public/templates/single.php](https://github.com/michelegiorgi/formality/blob/master/public/templates/single.php)
   
   unfortunately gives a 404, could you reupload the file again?
 *  Plugin Author [Michele Giorgi](https://wordpress.org/support/users/michelegiorgi/)
 * (@michelegiorgi)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/style-differs-between-embed-form-direct/#post-14925229)
 * Hey [@rizoma](https://wordpress.org/support/users/rizoma/)
    Thanks for your support!
 * With the newly released v1.4, I decided to change the single form and notification
   template file names to improve the naming consistency.
 * single-formality-form.php => formality-form.php
    notification-formality.php =
   > formality-notification.php
 * Now you can find the default templates on `public/templates/` directory with 
   the correct file names, and you can directly copy them to your active theme’s
   directory.
 * You can find these templates files, also in the repository:
    [https://github.com/michelegiorgi/formality/tree/master/public/templates](https://github.com/michelegiorgi/formality/tree/master/public/templates)
 * Cheers
 * Michele

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Style differs between Embed / Form direct’ is closed to new replies.

 * ![](https://ps.w.org/formality/assets/icon.svg?rev=2547095)
 * [Formality](https://wordpress.org/plugins/formality/)
 * [Support Threads](https://wordpress.org/support/plugin/formality/)
 * [Active Topics](https://wordpress.org/support/plugin/formality/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/formality/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/formality/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [Michele Giorgi](https://wordpress.org/support/users/michelegiorgi/)
 * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/style-differs-between-embed-form-direct/#post-14925229)
 * Status: resolved