Viewing 5 replies - 1 through 5 (of 5 total)
  • Sure thing arrisje. We’re pretty swamped at the moment but will reach out to you as soon as possible. If you haven’t already, please email us at [email protected] so we can better track your need for help.

    All the best

    Can someone post instructions here for changing image placement within the recipe? It would be really nice to have the recipe picture on the left and the prep time, cooking time, yield/servings, and nutrition information to the right of it. Is this possible?

    Thread Starter arrisje

    (@arrisje)

    Sorry it took that long I got the answer by someone else, and it worked for me.

    This is how I did it:

    To make the picture smaller you need to go to the ‘Ziplist Recipe Plugin’ settings. It should be on the left side of your WordPress dashboard towards the bottom. Once you are in the settings under the heading ‘General’ there is a ‘Image Width’ option. This is where you set the maximum width of the image. I have mine set to 250.
    >
    > Changing the location of the image and subsequently having the ingredients on the side is a bit more difficult to achieve – it involves web design and CSS. I don’t know how familiar you are with this but you need to add the following code to your stylesheet:
    >
    > #zlrecipe-container .img-desc-wrap img.photo {float: right;}
    >
    > This will float the image on the right and your ingredients will then float on the left. I did a bit more coding in my stylesheet to get the look that I wanted, but that is the gist of it.

    I would like a thumbnail photo of my recipe to appear in the printed version, to the right of the ingredients. arrisje, I input the code as you said at the bottom of the zippiest-recipe-plgin/zlrecipe-dlog.css file but it did not change a thing. Any suggesting gratefully received. Absolutely useless at coding. Thanks!

    Thread Starter arrisje

    (@arrisje)

    After you login to your wordpress site, on the left go to Appearance —-> Editor—>
    On the bottom of your style sheet add

    #zlrecipe-container .img-desc-wrap img.photo {float: right;}

    Before you make any changes make sure you make a back up.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘placement of main picture and ingredients’ is closed to new replies.