Title: Adding a custom template
Last modified: April 15, 2020

---

# Adding a custom template

 *  Resolved [dthimsen](https://wordpress.org/support/users/dthimsen/)
 * (@dthimsen)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/adding-a-custom-template/)
 * I like the CFF template 2 layout but not the colors. Since changing the colors
   would require a lot of CSS override work on about 8 different CFF forms (or moving
   the CSS updates out to the theme customization CSS), I decided to create a new
   template (14) by copying the template 02 to:
 * /var/www/html/wp-content/plugins/calculated-fields-form/templates/14
 * I’ve also updated the style.css and config.ini files to use a new class name.
   This seems to work just fine…
 * Questions, will any updates to CFF orphan the new template? Or, could there changes
   that might occur in the base code that would eventually require updates to all
   the templates and I’d have to manually apply updates to the new template at some
   point.

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

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/adding-a-custom-template/#post-12678104)
 * Hello [@dthimsen](https://wordpress.org/support/users/dthimsen/)
 * If you include the template files into the files’ structure of the plugin, unfortunately
   would be deleted by the plugin’s updates, because the WordPress replace the plugin’s
   files by the new ones.
 * The alternative would be upload the files to another directory, for example, 
   into the “/content/uploads/my-template”
 * and then into the “Customize Form Design” attribute in the “Form Settings” tab,
   you simply should to enter an [@import](https://wordpress.org/support/users/import/)
   command to use your own css file:
 *     ```
       @import url("https://www.yourwebsite.com/wp-content/uploads/my-template/style.css");
       ```
   
 * Best regards.
 *  Thread Starter [dthimsen](https://wordpress.org/support/users/dthimsen/)
 * (@dthimsen)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/adding-a-custom-template/#post-12678220)
 * Thank you very much!
 *  Thread Starter [dthimsen](https://wordpress.org/support/users/dthimsen/)
 * (@dthimsen)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/adding-a-custom-template/#post-12689342)
 * I’ve been trying your suggestion and cannot get the my custom template to work.
   First off, I assume you only need to the style.css file in the wp-content/uploads
   folder. Note: The only change in this style from the default 02 is one of the
   background color values which should produce a very noticeable effect . Here’s
   a link to the style.css:
 * [https://test.jonesbrothersmarine.com/wp-content/uploads/jbm-cff-template/style.css ](https://test.jonesbrothersmarine.com/wp-content/uploads/jbm-cff-template/style.css)
 * At first, I left the template 02 in the CFF definition thinking that the [@import](https://wordpress.org/support/users/import/)
   would override the default template. When that didn’t work, I switched back to
   the default template and tried to manual set the class by adding it to the shortcode:
 * `[CP_CALCULATED_FIELDS id="7" class="cp_cff_professional"]`
 * Here’s a link to a test page (expand pricing to see the form):
 * [https://test.jonesbrothersmarine.com/jbm_capefish23.htm](https://test.jonesbrothersmarine.com/jbm_capefish23.htm)
 * Any suggestions?
 * Thanks,
    Don
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/adding-a-custom-template/#post-12689404)
 * Hello [@dthimsen](https://wordpress.org/support/users/dthimsen/)
 * The issue is simple, if your page is protected with https, the resources must
   to be loaded with https too:
 *     ```
       @import url("https://test.jonesbrothersmarine.com/wp-content/uploads/jbm-cff-template/style.css");
       ```
   
 * Or the browsers don’t load the resources for security reasons.
 * Best regards.
 *  Thread Starter [dthimsen](https://wordpress.org/support/users/dthimsen/)
 * (@dthimsen)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/adding-a-custom-template/#post-12689453)
 * That worked… Thanks you!

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

The topic ‘Adding a custom template’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [dthimsen](https://wordpress.org/support/users/dthimsen/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/adding-a-custom-template/#post-12689453)
 * Status: resolved