Support » Plugin: Cooked - Recipe Plugin » Nutrition Facts Label not showing up properly

  • Resolved urneighbor

    (@urneighbor)


    Hello Justin:

    I have the basic version the plugin and on my site, when I enter [cooked-nutrition], it just appears distorted, completely spread out horizontally. Tried a couple of different things to make it appear as pictured in your instructions. I am using the Flatsome theme. What could I be possibly missing?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Boxy Studio

    (@boxystudio)

    It will spread to fill whatever space you use it in, which is why it’s a good idea to use it in a sidebar, or you can create a custom DIV with a max-width to keep it skinny.

    <div style="max-width:300px;">
    [cooked-nutrition]
    </div>

    Appreciate the code and help Justin.

    The text and numbers inside the Nutrition Facts label are still not aligning up. Please see attached link to an image of the Nutrition Facts label after using a custom DIV as suggested. I have also tried using varied max-width sizes but the text within the Nutrition Facts logo isn’t responsive.
    Nutrition Facts Text Misaligned

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.