Installing the Frais Theme

Your theme download file includes detailed instructions on installing and setting up your site with the Frais child theme. If you need another copy you can download the instruction document again here:

Frais Installation and Setup

Frequently Asked Questions

How can I change the Project name to Recipes?

Here is a tutorial on changing the Divi project slug

Rename PROJECT custom post type and SLUG when using the DIVI Theme

My recipe categories don't fit on the top of the filterable recipes page

This filterable recipe page is meant more for high level categories, e.g. Main Dishes, Side Dishes, Desserts, as we have done in the demo. If you have a large number of recipes, we suggest you do more than one recipe page. For example, a Main Dishes page could have categories: Chicken, Beef, Seafood, Pasta, etc. A desserts page could have categories: Cake, Pie, Cookies, etc.

However, if you do want to increase the number of categories (the filter tabs will go to more than one row) follow these steps:

  1. Open the Filterable Portfolio Module and go to the Advanced tab.  Add dd-custom-filtered-recipes to the CSS Class field.
  2. Add the following css to your Divi Theme Options Custom CSS field:

[pastacode lang=”css” manual=”%40media%20all%20and%20(min-width%3A%20981px)%20%7B%0A%09.dd-custom-filtered-recipes%20.et_pb_portfolio_filters%20li%20%7B%0A%09%09-webkit-box-flex%3A%200%3B%0A%09%09-ms-flex-positive%3A%200%3B%0A%09%09flex-grow%3A%200%3B%0A%09%09margin-right%3A%2010px%3B%0A%09%09margin-left%3A%2010px%3B%0A%09%09margin-bottom%3A%2010px%3B%0A%09%7D%0A%09.dd-custom-filtered-recipes%20.et_pb_portfolio_filters%20li%3Alast-of-type%20%7B%0A%09%09margin-right%3A%2010px%3B%0A%09%7D%0A%09.dd-custom-filtered-recipes%20.et_pb_portfolio_filters%20ul%20%7B%0A%09%09-webkit-box-pack%3A%20center%3B%0A%09%09-ms-flex-pack%3A%20center%3B%0A%09%09justify-content%3A%20center%3B%0A%09%09-ms-flex-wrap%3A%20wrap%3B%0A%09%09flex-wrap%3A%20wrap%3B%0A%09%7D%0A%7D” message=”Add to your custom css” highlight=”” provider=”manual”/]

Password Reset
Please enter your e-mail address. You will receive a new password via e-mail.