How to change the order of your recipe card

If you want to change the order of the elements of the recipe card (for example, put the recipe video above the recipe ingredients section) you can quite easily do this with some CSS tweaks. I'd suggest only working with this if you have a developer on your team, or someone familiar enough with CSS to know what is going on.

The below code will set the main recipe section to a flex container, and then the individual sections are ordered as I prefer:

	.rk_body { display: flex; flex-direction: column; }
	.rk_ingredients { order:2; } .rk_directions { order:3; } #rk_video { order:1; }

You can put this code in the Custom CSS section of the Recipe Kit Settings page.

Give it a try and let us know if we can help with anything else :)

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us