Centering your Nutrifox labels is easy with the use of CSS. CSS stands for Cascading Stylesheets. It’s the language your website uses to communicate style and layout to the reader's browser. If your website was a house, then CSS would be definition for wall paint color, ceiling height, or type of flooring.

If you'd like to center an individual label, add align="center" inside your <div> tag in the label embed code. The final code will look like this:

<div align="center" class="nutrifox-label" data-recipe-id="####"></div>
<script async src="https://nutrifox.com/embed.js" charset="utf-8"></script>

To center all of the Nutrifox labels on your site, add the following to your CSS sheet:

.nutrifox-label {
    text-align:center;
}

You can add this code to your theme’s existing style.css. If your theme supports it, you may also be able to add custom CSS in the Appearance -> Customizer section of your WordPress dashboard. You can also download a CSS plugin like Simple Custom CSS, and add the code there.

Did this answer your question?