Frontier Post – Templates & CSS
You can use use your own version of the add/edit form with Frontier Post and edit/customize them. You can also have your own version of frontier-post.css, and thereby change the layout of the Frontier Post user interface using CSS.
Before loading the css and forms, Frontier Post checks the template folder for your version, and will load these forms and css if present, instead of the forms and css from the plugin folder. This is done on an individual basis, so it is not all or nothing ๐
The template folder is stored in your active theme. I recommend that you use a Child Theme to prevent changes being overwritten on updates. Here is another guide to Child Themes.
You can see the path to the template directory under Frontier Post Advanced Settings – If you have a file in the tempalte directory, it will be shown below the path:
frontier-post.css can be found in /wp-contents/plugins/frontier-post/
directory
The forms:
- frontier_post_form_standard.php
- frontier_post_form_old.php (pre ver. 3.3.x layout)
- frontier_post_form_simple.php
- frontier_post_form_page.php
- frontier_post_form_list.php
- frontier_post_form_preview.php
can be fond inย /wp-contents/plugins/frontier-post/forms/
directory
Example:
Lets say you want to remove the Create New Post from the list form, you can do this by CSS:
Copy/FTP frontier-post.css from frontier post plugin folder to the template directory
If you want to test the css before applying it, you can use Firefox inspector – Right click on the element you want to change (in this case Create New Post). Then you can test your css changes on the fly, and see the result. To hide the Create new post, you can add the following css display: none !important to the table.frontier-menu, and by that hide the entire table.
To apply it to the css: Open frontier-post.css from the template folder, and edit it. Add dispaly: none !important to the .frontier-menu part:
.frontier-menu { text-align: center; border: 0; display: none !important; }
Save the css, and remember to refresh your browser window.
Comments
Frontier Post – Templates & CSS — No Comments
HTML tags allowed in your comment: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>